1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > JavaScript 获取/设置光标位置 兼容Input&TextArea【javascript】

JavaScript 获取/设置光标位置 兼容Input&TextArea【javascript】

时间:2021-04-16 03:05:07

相关推荐

JavaScript 获取/设置光标位置 兼容Input&TextArea【javascript】

web前端|js教程

光标位置

web前端-js教程

趣播源码,vscode对js语法高亮,ubuntu qq崩溃,tomcat设置编译路径,亚马逊好爬虫,php 作业管理系统,医院seo优化多少钱,海康网站源码,京东html模板下载lzw

JavaScript 获取/设置光标位置,兼容Input&&TextArea。

小刀网源码整站,ubuntu利用g 编程,python 反爬虫 代理,curlpost php,宇公子seolzw

body { margin: 32px; font-family: Verdana, sans-serif; font-size: 13px; } .title { font-size: 18px; font-weight: bolder;margin:40px 0; } .input { width: 50%; font-family: Verdana, sans-serif; font-size: 13px; text-indent: 2px; }

//获取光标位置 //单行文本框 function getPositionForInput(ctrl){ var CaretPos = 0; if (document.selection) { // IE Support ctrl.focus(); var Sel = document.selection.createRange(); Sel.moveStart(‘character’, -ctrl.value.length); CaretPos = Sel.text.length; }else if(ctrl.selectionStart || ctrl.selectionStart == ‘0’){// Firefox support CaretPos = ctrl.selectionStart; } return (CaretPos); } //多行文本框 function getPositionForTextArea(ctrl) { var CaretPos = 0; if(document.selection) {// IE Support ctrl.focus(); var Sel = document.selection.createRange(); var Sel2 = Sel.duplicate(); Sel2.moveToElementText(ctrl); var CaretPos = -1; while(Sel2.inRange(Sel)){ Sel2.moveStart(‘character’); CaretPos++; } }else if(ctrl.selectionStart || ctrl.selectionStart == ‘0’){// Firefox support CaretPos = ctrl.selectionStart; } return (CaretPos); } //设置光标位置函数 function setCursorPosition(ctrl, pos){ if(ctrl.setSelectionRange){ ctrl.focus(); ctrl.setSelectionRange(pos,pos); } else if (ctrl.createTextRange) { var range = ctrl.createTextRange(); range.collapse(true); range.moveEnd(‘character’, pos); range.moveStart(‘character’, pos); range.select(); } } //test function process( id,targetId ){ var no = document.getElementById(id).value; setCursorPosition(document.getElementById(targetId),no); }

j2ee 源码下载,vscode绿色波折号,ubuntu 进入in,怎样知道tomcat好了,江苏爬虫用品,记账程序 php,黄山seo推广工具效果好,广告联盟源码网站,网站代码模板编写lzw

JavaScript 获取/设置光标位置,兼容Input&&TextArea:

单行文本框

输入位置:

多行文本框Hi,CssRain!!!

输入位置:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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