发新帖

[前端资源] KeleyiTextarea类

大神级别 2016-10-17 126


KeleyiTextarea类,是一个Javascript操作textarea的类,封装集合了操作textarea的多个方法,包括获取光标位置,添加内容到光标位置,选中字符串,设置光标位置,删除光标前后字符串等(兼容IE,chrome,firefox)。

应用示例效果:http://keleyi.com/dev/d96239733d2635bc.htm

类的代码如下:

复制代码
<script type="text/javascript">var KeleyiTextarea= {/** 获取光标位置 www.keleyi.com
* @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();
stored_range.moveToElementText(t);
stored_range.setEndPoint("EndToEnd", range);
t.selectionStart = stored_range.text.length - range.text.length;
t.selectionEnd = t.selectionStart + range.text.length;return t.selectionStart;
} else return t.selectionStart
},/** 设置光标位置 www.keleyi.com
* @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) {
t.focus()
document.selection.createRange().text = txt;
} else {var cp = t.selectionStart;var ubbLength = t.value.length;var s = t.scrollTop;
t.value = t.value.slice(0, t.selectionStart) + txt + t.value.slice(t.selectionStart, ubbLength);this.setCursorPosition(t, cp + txt.length);
firefox = navigator.userAgent.toLowerCase().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 = this.getCursorPosition(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 = navigator.userAgent.toLowerCase().match(/firefox\/([\d\.]+)/) && setTimeout(function () {if (t.scrollTop != s) t.scrollTop = s;
}, 10)
},/** 选中 s 到 z 位置的文字 keleyi.com
* @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.moveEnd('character', -t.value.length);
range.moveEnd('character', z);
range.moveStart('character', s);
range.select();
} else {
t.setSelectionRange(s, z);
t.focus();
}
},/** 选中一个字符串 keleyi.com
* @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;
}
}</script>
复制代码


最新回复 (0)
登录后再回复
返回