在前端开发中经常会遇到获取光标的位置，网络上也有很多关于获取光标位置的方法，但是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原创，转载请注明出处！