手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery在光标位置插入内容的实现代码
JQuery在光标位置插入内容的实现代码
摘要:复制代码代码如下:(function($){$.fn.extend({insertAtCaret:function(myValue){var...

复制代码 代码如下:

(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在光标位置插入内容的实现代码】相关文章:

jQuery处理图片加载失败的常用方法

jquery实现的判断倒计时是否结束代码

JQuery分屏指示器图片轮换效果实例

JQuery中DOM事件冒泡实例分析

jquery控制表单输入框显示默认值的方法

必须点击广告才能进入的代码

jQuery实现控制文字内容溢出用省略号(…)表示的方法

Javascript随机显示图片的源代码

JQuery插件jcarousellite的参数中文说明

jQuery插件实现适用于移动端的地址选择器

精品推荐
分类导航