focus(),文本框获取焦点时setSelectionRange()改变文本选中状态或者光标位置。

延误

于 2021-10-11 20:21:57 发布

阅读量919

点赞数 1

分类专栏： javascript 文章标签： html5 javascript

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何使用JavaScript聚焦input输入框并控制文本选中。通过调用focus()函数，可以将焦点设置到指定的文本框。利用setSelectionRange方法，可以精确地选择文本或设置光标位置，例如将光标置于文本开头或选中特定范围的文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

⛵️ focus事件笔记：获取焦点到input框内，使用focus()函数，默认选择文本框中的全部文本。

使用setSelectionRange(star,end,【方向】)函数，可以控制选中文本位置与多少，同时使用setSelectionRange(n,n）可以将光标定位到第n个字符处

<div>
    <input type="text" id="txt" value="abcdefghijklmn"/>
    <Script>
    var o = document.getElementById("txt");

    var len = o.value.length;

    o.focus();          //先使光标聚集在输入框中
//  o.setSelectionRange(0,2);//选中下标0~2的文字
    o.setSelectionRange(0,0);//将光标定位到文本最前面
        
       

 
    </Script>
</div>