js操作textarea常⽤⽅法总结
在DOM⾥⾯操作textarea⾥⾯的字符，是⽐较⿇烦的。
于是我有这个封装分享给⼤家，测试过IE6,8, firefox ,chrome, opera , safari。兼容没问题。
注意：在firefox下添加字符串的时候有个bug 就是scrollTop 会等于0，当然解决了，但是不够完美。如果有⾼⼿也研究过，⿇烦指点下。
复制代码代码如下:
var TT = {
/*
* 获取光标位置
* @Method getCursorPosition
* @param t element
* @return number
*/
getCursorPosition: function(t){
if (document.selection) {
t.focus();
var ds = document.selection;
var range = ds.createRange();
var stored_range = range.duplicate();
veToElementText(t);
stored_range.setEndPoint("EndToEnd", range);
t.selectionStart = length - length;
t.selectionEnd = t.selectionStart + length;
return t.selectionStart;
} else return t.selectionStart
},
/*
* 设置光标位置
* @Method setCursorPosition
* @param t element
* @param p number
* @return
*/
setCursorPosition:function(t, p){
this.sel(t,p,p);
},
/*
* 插⼊到光标后⾯
* @Method add
* @param t element
* @param txt String
* @return
*/
add:function (t, txt){
var val = t.value;
if(document.selection){
js在字符串中添加字符t.focus()
ateRange().text = txt;
} else {
var cp = t.selectionStart;
var ubbLength = t.value.length;
var s = t.scrollTop;
// ElementById('aaa').innerHTML += s + '<br/>';
t.value = t.value.slice(0,t.selectionStart) + txt + t.value.slice(t.selectionStart, ubbLength);
this.setCursorPosition(t, cp + txt.length);
// ElementById('aaa').innerHTML += t.scrollTop + '<br/>';
firefox=LowerCase().match(/firefox\/([\d\.]+)/) && setTimeout(function(){
if(t.scrollTop != s) t.scrollTop=s;
},0)
};
},
/*
* 删除光标前⾯或者后⾯的 n 个字符
* @Method del
* @param t element
* @param n number n>0 后⾯ n<0 前⾯
* @return
* 重新设置 value 的时候 scrollTop 的值会被清0
*/
del:function(t, n){
var p = CursorPosition(t);
var s = t.scrollTop;
var val = t.value;
t.value = n > 0 ? val.slice(0, p - n) + val.slice(p):
val.slice(0, p) + val.slice(p - n);
this.setCursorPosition(t ,p - (n < 0 ? 0 : n));
firefox=LowerCase().match(/firefox\/([\d\.]+)/) && setTimeout(function(){ if(t.scrollTop != s) t.scrollTop=s;
},10)
},
/*
* 选中 s 到 z 位置的⽂字
* @Method sel
* @param t element
* @param s number
* @param z number
* @return
*/
sel:function(t, s, z){
if(document.selection){
var range = t.createTextRange();
range.select();
}else{
t.setSelectionRange(s,z);
t.focus();
}
},
/*
* 选中⼀个字符串
* @Method sel
* @param t element
* @param s String
* @return
*/
selString:function(t, s){
var index = t.value.indexOf(s);
index != -1 ? this.sel(t, index, index + s.length) : false;
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。