You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
4.6 KiB
123 lines
4.6 KiB
(function ($) {
|
|
/*
|
|
* 文本域光标操作（选、添、删、取）的jQuery扩展 @Mr.Think http://mrthink.net/text-field-jquery-extend/
|
|
*/
|
|
$.fn.extend({
|
|
/*
|
|
* 获取光标所在位置
|
|
*/
|
|
iGetFieldPos: function () {
|
|
var field = this.get(0);
|
|
if (document.selection) {
|
|
//IE
|
|
$(this).focus();
|
|
var sel = document.selection;
|
|
var range = sel.createRange();
|
|
var dupRange = range.duplicate();
|
|
dupRange.moveToElementText(field);
|
|
dupRange.setEndPoint('EndToEnd', range);
|
|
field.selectionStart = dupRange.text.length - range.text.length;
|
|
field.selectionEnd = field.selectionStart + range.text.length;
|
|
}
|
|
return [field.selectionStart,field.selectionEnd];
|
|
},
|
|
/*
|
|
* 选中指定位置内字符 || 设置光标位置
|
|
* --- 从start起选中(含第start个)，到第end结束（不含第end个）
|
|
* --- 若不输入end值，即为设置光标的位置（第start字符后）
|
|
*/
|
|
iSelectField: function (start, end) {
|
|
var field = this.get(0);
|
|
//end未定义，则为设置光标位置
|
|
if (arguments[1] == undefined) {
|
|
end = start;
|
|
}
|
|
if (document.selection) {
|
|
//IE
|
|
var range = field.createTextRange();
|
|
range.moveEnd('character', -$(this).val().length);
|
|
range.moveEnd('character', end);
|
|
range.moveStart('character', start);
|
|
range.select();
|
|
} else {
|
|
//非IE
|
|
field.setSelectionRange(start, end);
|
|
$(this).focus();
|
|
}
|
|
},
|
|
/*
|
|
* 选中指定字符串
|
|
*/
|
|
iSelectStr: function (str) {
|
|
var field = this.get(0);
|
|
var i = $(this).val().indexOf(str);
|
|
i != -1 ? $(this).iSelectField(i, i + str.length) : false;
|
|
},
|
|
/*
|
|
* 在光标之后插入字符串
|
|
*/
|
|
iAddFieldbefore: function (str) {
|
|
var field = this.get(0);
|
|
var v = $(this).val();
|
|
var len = $(this).val().length;
|
|
if (document.selection) {
|
|
//IE
|
|
$(this).focus();
|
|
document.selection.createRange().text = str;
|
|
} else {
|
|
//非IE
|
|
var selPos = field.selectionStart;
|
|
$(this).val($(this).val().slice(0, field.selectionStart) + str + $(this).val().slice(field.selectionStart, len));
|
|
this.iSelectField(selPos + str.length);
|
|
};
|
|
},
|
|
|
|
|
|
iAddFieldafter: function (str) {
|
|
var field = this.get(0);
|
|
var v = $(this).val();
|
|
var len = $(this).val().length;
|
|
if (document.selection) {
|
|
//IE
|
|
$(this).focus();
|
|
document.selection.createRange().text = str;
|
|
} else {
|
|
//非IE
|
|
var selPos = field.selectionEnd;
|
|
$(this).val($(this).val().slice(0, field.selectionEnd) + str + $(this).val().slice(field.selectionEnd, len));
|
|
this.iSelectField(selPos + str.length);
|
|
};
|
|
},
|
|
|
|
|
|
iAddFieldboth: function (str) {
|
|
var field = this.get(0);
|
|
var v = $(this).val();
|
|
var len = $(this).val().length;
|
|
if (document.selection) {
|
|
//IE
|
|
$(this).focus();
|
|
document.selection.createRange().text = str;
|
|
} else {
|
|
//非IE
|
|
var selPos = field.selectionFirst;
|
|
var selPos = field.selectionEnd;
|
|
$(this).val($(this).val().slice(0, field.selectionStart) + str + $(this).val().slice(field.selectionStart, field.selectionEnd)+str+$(this).val().slice(field.selectionEnd, len));
|
|
this.iSelectField(selPos + str.length);
|
|
};
|
|
},
|
|
/*
|
|
* 删除光标前面(-)或者后面(+)的n个字符
|
|
*/
|
|
iDelField: function (n) {
|
|
var field = this.get(0);
|
|
var pos = $(this).iGetFieldPos();
|
|
var v = $(this).val();
|
|
//大于0则删除后面，小于0则删除前面
|
|
if(pos>0){
|
|
$(this).val(n > 0 ? v.slice(0, pos - n) + v.slice(pos) : v.slice(0, pos) + v.slice(pos - n));
|
|
$(this).iSelectField(pos - (n < 0 ? 0 : n));
|
|
}
|
|
}
|
|
});
|
|
})(jQuery);
|