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控制元素隐藏和显示的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要介绍了jQuery制作效果超棒的手风琴折叠菜单的效果，这里推荐给大家，有需要的小伙伴可以参考下2015-04-04
点击姓名会显示她的基本详细信息，点击切换皮肤，会更改皮肤和字体大小感兴趣的朋友可以参考下本文如何使用jQuery实现的网页版的个人简历2013-04-04
children()是jQuery中的内置方法,用于查找与所选元素相关的所有子元素, jQuery中的children()方法向下遍历到所选元素的单个级别并返回所有元素,我们还可以在children()的参数中添加过滤器、使用children()来定位特定的子元素以及使用each()方法来迭代子元素等2023-11-11
jQuery中如何判断当前点击的是第几个li，使用$(this).index()取得li的下标，下面的示例，大家可以看看2014-09-09
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
列化中文时出现中文乱码问题，怎么回事呢？下面给大家介绍下jQuery使用serialize()序列化表单时出现中文乱码问题的解决办法，有需要的朋友参考下2016-07-07
当完成一个个交互的组件之后，为了更好组织代码，渐渐的逼近了一个合理的模式，并且也从jQueryUI里面发现了这个模式。2010-12-12
360全景就是视角超过人的正常视角的图像，而我们这里说的全景特指水平视角360度，垂直视角180度的图像。可以全景空间里进行切换，达到浏览各个不同场景360全景展示的目的。2015-03-03
jquery插件bootstrapValidator表单验证详解
这篇文章主要为大家详细介绍了jquery插件bootstrapValidator表单验证，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
通过jQuery实现页面内锚点平滑跳转的方法很多，可以通过插件hovertreescroll实现，也可以简单的通过animate方法实现，下面介绍这2种比较简单的方法。2015-05-05
最新评论