js操作textarea方法集合封装(兼容IE,firefox)
来源:互联网 发布:linux下安装gentoo 编辑:程序博客网 时间:2024/04/28 05:30
<br />
<input onclick="alert(TT.getCursorPosition(test))" type="button" value="光标位置" />
<input onclick="TT.setCursorPosition(test,3)" type="button" value="设置光标到3第位置" />
<input onclick="TT.add(test,'你好')" type="button" value="添加'你好'到光标后面" />
<input onclick="TT.del(test,2)" type="button" value="删除光标前2个字符" />
<input onclick="TT.del(test,-2)" type="button" value="删除光标后2个字符" />
<input onclick="TT.sel(test,0,2)" type="button" value="选中字符0-2的位置" />
<input onclick="TT.selString(test,'mno')" type="button" value="选中字符'mno'的位置" />
<script type="text/javascript">// <![CDATA[
var test = document.getElementById('testlujun');
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();
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
},
/*
* 设置光标位置
* @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;
// document.getElementById('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);
// document.getElementById('aaa').innerHTML += t.scrollTop + '<br />';
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 位置的文字
* @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();
}
},
/*
* 选中一个字符串
* @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>
- js操作textarea方法集合封装(兼容IE,firefox)
- 【转】 封装js操作textarea 方法集合(兼容很好)。
- js操作select 兼容ie、chrome、Firefox
- JS对select动态添加options操作[IE&FireFox兼容]
- JS对select动态添加options操作[IE&FireFox兼容]
- JS对select动态添加options操作[IE&FireFox兼容]
- 兼容IE和FIREFOX的select选项操作JS
- JS对select动态添加options操作[IE&FireFox兼容]
- JS对select动态添加options操作[IE&FireFox兼容]
- IE、firefox的js兼容
- [js] 兼容IE和firefox
- js计时器(IE,Firefox兼容)
- Extjs 限制 textfield / textarea 输入字数 , 兼容 IE Firefox Chrome
- Extjs 限制 textfield / textarea 输入字数 , 兼容 IE Firefox Chrome
- js网页日历,兼容IE和Firefox
- js 实现键盘记录 兼容FireFox和IE
- js脚本:ie和firefox的兼容
- IE/Firefox中JS兼容常见问题
- 汽车制造商
- TD处理SQL
- oracle如何insert into 多个values
- 关于 makefile:command not found 问题的解决方法
- bat 删除指定目录下带后缀的文件
- js操作textarea方法集合封装(兼容IE,firefox)
- Android导航滑动文字渐变+底部指示条
- Git忽略规则和.gitignore规则不生效的解决办法
- Win32 串口编程笔记1
- git常用命令
- 开发人员的必备技能
- DynamicDataDisplay 实时曲线图的使用和沿轴移动的效果
- CTS 框架研究(1)-windows 下搭建CTS环境
- 交叉验证(Cross Validation)