HTMLInputElement.setSelectionRange()

HTMLInputElement.setSelectionRange()方法用来设置<input>元素当前选中的文本的开始和结束位置。

其接口定义如下:

inputElement.setSelectionRange(
selectionStart
,selectionEnd
,[optional] selectionDirection
);

其中:

  • selectionStart:必选参数,选中的字符(串)在文本中的起始位置(包括该字符),number,大于等于0,小于等于selectionEnd
  • selectionEnd:必选参数,选中的字符(串)在文本中的结束位置(不包括该字符),number,大于等于selectionStart
  • selectionDirection:可选参数,标识是从前向后还是从后向前选中的,string,取值backwardforwardnone。(较新的浏览器支持,暂时没发现有什么用处)

注意:

  • 要想看到选中效果,必须要使<input>获得焦点。
  • 如果selectionStart等于selectionEnd,则不出现字符(串)选中效果,但可使光标定位到selectionStart之前。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,275评论 0 4
  • 86.复合 Cases 共享相同代码块的多个switch 分支 分支可以合并, 写在分支后用逗号分开。如果任何模式...
    无沣阅读 1,460评论 1 5
  • 1. 首先聊一下编译器工作的基本步骤 关于编译原理方面更多内容请参考编译原理的简述 2. const VS #de...
    Anticipate_91阅读 647评论 0 4
  • JDBC的事务 Spring 事务管理 前景介绍: a)我先创建了一个书店买书的例子(用户买书,库存要变,用户的余...
    c5fc16271aee阅读 173评论 0 0
  • 周三中午放学领孩子在餐厅吃饭,饭后在回去的路上,一鸣说:“老师我给你提个建议,以后吃饭的时候不能看手机,边看手...
    慧慧老师2017阅读 435评论 1 7