手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jQuery的输入框在光标位置插入内容, 并选中
基于jQuery的输入框在光标位置插入内容, 并选中
摘要:复制代码代码如下:////使用方法//$(文本域选择器).insertContent("插入的内容");//$(文本域选择器).insert...

复制代码 代码如下:

//

//使用方法

//$(文本域选择器).insertContent("插入的内容");

//$(文本域选择器).insertContent("插入的内容",数值); //根据数值选中插入文本内容两边的边界, 数值: 0是表示插入文字全部选择,-1表示插入文字两边各少选中一个字符。

//

//在光标位置插入内容, 并选中

(function($) {

$.fn.extend({

insertContent: function(myValue, t) {

var $t = $(this)[0];

if (document.selection) { //ie

this.focus();

var sel = document.selection.createRange();

sel.text = myValue;

this.focus();

sel.moveStart('character', -l);

var wee = sel.text.length;

if (arguments.length == 2) {

var l = $t.value.length;

sel.moveEnd("character", wee + t);

t <= 0 ? sel.moveStart("character", wee - 2 * t - myValue.length) : sel.moveStart("character", wee - t - myValue.length);

sel.select();

}

} 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;

if (arguments.length == 2) {

$t.setSelectionRange(startPos - t, $t.selectionEnd + t);

this.focus();

}

}

else {

this.value += myValue;

this.focus();

}

}

})

})(jQuery);

【基于jQuery的输入框在光标位置插入内容, 并选中】相关文章:

javascript委托(Delegate)blur和focus用法实例分析

列表内容的选择

jQuery页面的滚动位置scrollTop、scrollLeft

js判断鼠标位置是否在某个div中的方法

分享十五款 jQuery 社交网络分享插件

基于jquery实现下拉框美化特效

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

jQuery实现首页图片淡入淡出效果的方法

jQuery插件datepicker 日期连续选择

jQuery结合ajax实现动态加载文本内容

精品推荐
分类导航