JQuery在光标位置插入内容的实现代码

更新时间：2010年06月18日 22:35:49 作者：

IE下可以通过 document.selectIOn.createRange ();来实现，而Firefox（火狐）浏览器则需要首先获取光标位置，然后对value进行字符串截取处理

 
(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");

您可能感兴趣的文章:

jQuery使用unlock.js插件实现滑动解锁
unlock.js插件具有滑动解锁，尺寸、颜色、字体大小等都可以个性化定制等特点，接下来通过本文给大家分享jQuery使用unlock.js插件实现滑动解锁思路讲解，感兴趣的朋友一起看看吧
2017-04-04
jquery+php随机生成红包金额数量代码分享
这篇文章主要介绍了jquery+php随机生成红包金额数量实现代码，红包数量与金钱可以自己设定，很实用的代码，推荐给大家，有需要的小伙伴可以参考下。
2015-08-08
jQuery 性能优化指南（1）
在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法
2009-05-05
jQuery多文件异步上传带进度条实例代码
这篇文章主要介绍了jQuery多文件异步上传带进度条实例代码,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-08-08
jQuery EasyUI开发技巧总结
这篇文章主要介绍了jQuery EasyUI开发技巧总结的相关资料,希望通过本文大家能够掌握EasyUI的开发技巧，需要的朋友可以参考下
2017-09-09
读jQuery之二（两种扩展）
上一篇分析了jQuery对象的组成，这篇分析下它的extend方法。
2011-06-06
jQuery实现form表单reset按钮重置清空表单功能
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单,这种功能大家可能都希望实现吧，接下来为您详细介绍，需要了解的朋友参考下
2012-12-12
jQuery实现背景弹性滚动的导航效果
这篇文章主要介绍了jQuery实现背景弹性滚动导航效果的方法,涉及jQuery动态操作页面元素样式的相关技巧,需要的朋友可以参考下
2016-06-06
Jquery实现获取子元素的方法分析
这篇文章主要介绍了Jquery实现获取子元素的方法,结合实例形式分析了jQuery针对页面元素的查找、获取相关操作技巧,需要的朋友可以参考下
2019-08-08
省市区三级联动jquery实现代码
这篇文章主要为大家详细绍了省市区三级联动jquery实现代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-10-10