jQuery技术

用JQuery获取textarea或input中的光标位置

字号+ 作者:H5之家 来源:H5之家 2017-02-25 17:00 我要评论( )

在前端开发中经常会遇到获取光标的位置,网络上也有很多关于获取光标位置的方法,但是UncleToo发现这些方法都是用过JS操作DOM实现的,代码量大,本文将给大家分

在前端开发中经常会遇到获取光标的位置,网络上也有很多关于获取光标位置的方法,但是UncleToo发现这些方法都是用过JS操作DOM实现的,代码量大,本文将给大家分享一个用JQuery的方法获取textarea或input文本框中光标的位置,方法简单,代码量也比较少。使用之前要记得引用JQuery类库文件。

JS代码:

(function($, undefined) { $.fn.getCursorPosition = function() { var el = $(this).get(0); var pos = 0; if ('selectionStart' in el) { pos = el.selectionStart; } else if ('selection' in document) { el.focus(); var Sel = document.selection.createRange(); var SelLength = document.selection.createRange().text.length; Sel.moveStart('character', -el.value.length); pos = Sel.text.length - SelLength; } return pos; } })(jQuery);

使用方法:

<textarea>the text is an example</textarea> <a href="#">点击我</a>

然后我们把光标放在下图位置:

点击“点击我”即可弹出光标所在的位置:


本文由UncleToo原创,转载请注明出处!


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
r