当前位置: 编程技术>jquery
Jquery在光标位置插入内容的代码分享
来源: 互联网 发布时间：2014-09-03
本文导语: 注意： 实现在光标位置插入代码功能时，不同的浏览器下，方法略有不同。 IE下可以通过document.selection.createRange();实现。 Firefox（火狐）浏览器需要先获取光标位置，然后对value进行字符串截取处理。 来看具体的实现代码： ...
注意：
实现在光标位置插入代码功能时，不同的浏览器下，方法略有不同。
IE下可以通过document.selection.createRange();实现。
Firefox（火狐）浏览器需要先获取光标位置，然后对value进行字符串截取处理。
来看具体的实现代码：
/**
* 在光标位置插入内容
* edit by www.
*/
(function($){
$.fn.extend({
insertAtCaret: function(myValue){
var $t=$(this)[0];
if (document.selection) {
this.focus();
sel = document.selection.createRange();
sel.text = myValue;
this.focus();
}
else
if ($t.selectionStart || $t.selectionStart == '0') {
var startPos = $t.selectionStart;
var endPos = $t.selectionEnd;
var scrollTop = $t.scrollTop;
$t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length);
this.focus();
$t.selectionStart = startPos + myValue.length;
$t.selectionEnd = startPos + myValue.length;
$t.scrollTop = scrollTop;
}
else {
this.value += myValue;
this.focus();
}
}
})
})(jQuery);
调用示例:
$(selector).insertAtCaret("value"); //指定光标位置插入内容
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。