900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > js定位光标到输入框指定位置实例分享

js定位光标到输入框指定位置实例分享

时间:2022-04-18 20:01:18

相关推荐

js定位光标到输入框指定位置实例分享

web前端|js教程

javascript,位置,指定

web前端-js教程

在提供友好用户界面时,常常要定位光标到输入框的指定位置。通常是尾部,好让用户接着输入信息。我们可以用javascript操作dom来实现,以下是实现的方法

融360贷款平台源码,ubuntu手机桌面系统,普元添加Tomcat运行,安徽爬虫市场,php的漏洞怎么修复,seo yejilzw

function changeCursor(input, position) { 2. var range = input.createTextRange(); 3. range.collapse(true); 4. range.moveStart(character, position); 5. range.select(); 6. } 7. //在需要的地方调用此函数,比如 8. onfocus="positionCursor(this, this.length)"functionchangeCursor(input, position) { var range = input.createTextRange(); range.collapse(true); range.moveStart(character,position); range.select(); }

//在需要的地方调用此函数,比如

个人博客html网站源码,查看ubuntu用户文件,爬虫占不占网速,没学过php能过1 x证书吗,什么前端seolzw

onfocus=”positionCursor(this,this.length)”

公司相册源码,ubuntu查看dvd属性,tomcat配好了看不见,爬虫很多怎么处理,公众号管理系统 PHP 开源,seo流量分布lzw

其中createTextRange 为元素创建一个TextRange对象

下面的表格列出了TextRange 对象的属性及方法,另外大家可以参阅w3c的文档

方法描述

compareEndPoints :比较 TextRange 对象的结束点和其它范围的结束点。

duplicate :返回TextRange 的副本。

execCommand :在当前文档、当前选中区或给定范围上执行命令。

expand :扩展范围以便完全包含指定单位的范围。

findText :在文本中搜索文本并将范围的开始和结束点设置为包围搜索字符串。

getBookmark:获取可用于使 moveToBookmark 返回相同范围的书签(白底字符串)。

getBoundingClientRect:获取指定 TextRectangle 对象集合绑定的对象。

getClientRects:获取描述对象内容或客户区内布局的矩形集合。每个矩形都描述了一条直线。

inRange :返回一个范围是否被另一个范围包含。

isEqual :返回指定范围是否与当前范围相等。

move :折叠给定文本范围并将空范围移动给定单位数。

moveEnd:更改范围的结束位置。

moveStart :更改范围的开始位置。

moveToBookmark:移动到书签。

moveToElementText:移动文本范围以便范围的开始和结束位置能够完全包含给定元素的文本。

moveToPoint :将文本范围的开始和结束位置移动到给定点。

parentElement :获取给定文本范围的父元素。

pasteHTML :将HTML 文本粘贴入给定文本范围,替换范围内任何先前的文本和 HTML 元素。

queryCommandEnabled:返回表明指定命令是否可于给定文档当前状态下使用 execCommand 命令成功执行的Boolean 值。

queryCommandIndeterm :返回表明指定命令是否处于模糊状态的 Boolean 值。

queryCommandState :返回表明命令当前状态的Boolean 值。

queryCommandSupported:返回表明当前命令是否在当前区域上支持的 Boolean 值。

queryCommandValue:返回文档、范围或当前选中区对于给定命令的当前值。

scrollIntoView:将对象滚动到可见范围内,将其排列到窗口顶部或底部。

select :将当前选中区置为当前对象。

setEndPoint:根据其它范围的结束点设置某范围的结束点。

属性描述

boundingHeight:获取绑定 TextRange 对象的矩形的高度。

boundingLeft :获取绑定 TextRange 对象的矩形左边缘和包含 TextRange 对象的左侧之间的距离。

boundingTop :获取绑定 TextRange 对象的上边缘和包含 TextRange 对象的顶边之间的距离。

boundingWidth :Retrieves the width ofthe rectangle that bounds the TextRange object.

htmlText :获取绑定TextRange 对象的矩形的宽度。

offsetLeft :获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。

offsetTop :获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。

text :设置或获取范围内包含的文本。

input输入框中的光标大小显示不一致应该怎么解决

利用css隐藏input的光标方法

JavaScript自定义文本框光标的代码详情

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。