function getCaret(ZysrID)
{
var txb = document.getElementById(ZysrID);//根据ID获得对象
var pos = 0;//设置初始位置
txb.focus();//输入框获得焦点,这句也不能少,不然后面会出错,血的教训啦.
var s = txb.scrollTop;//获得滚动条的位置
var r = document.selection.createRange();//创建文档选择对象
var t = txb.createTextRange();//创建输入框文本对象
t.collapse(true);//将光标移到头
t.select();//显示光标,这个不能少,不然的话,光标没有移到头.当时我不知道,搞了十几分钟
var j = document.selection.createRange();//为新的光标位置创建文档选择对象
r.setEndPoint("StartToStart",j);//在以前的文档选择对象和新的对象之间创建对象,妈的,不好解释,我表达能力不算太好.有兴趣自己去看msdn的资料
var str = r.text;//获得对象的文本
var re = new RegExp("[\\n]","g");//过滤掉换行符,不然你的文字会有问题,会比你的文字实际长度要长一些.搞死我了.我说我得到的数字怎么总比我的实际长度要长.
str = str.replace(re,"");//过滤
pos = str.length;//获得长度.也就是光标的位置
r.collapse(false);
r.select();//把光标恢复到以前的位置
txb.scrollTop = s;//把滚动条恢复到以前的位置
}
//设置光标函数
function setCaret(id,pos)
{
var textbox = document.all(id);
var r = textbox.createTextRange();
r.collapse(true);
r.moveStart('character',pos);
r.select();
}
function fecthValue() {
var valuea=document.getElementById("contentAddList").value;
var old=document.getElementById("neBoContent").value;
var myValue=document.getElementById("contentAddList").value;
var myField=document.getElementById("neBoContent");
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
var s = myField.scrollTop;
var r = document.selection.createRange();
var t = myField.createTextRange();
t.collapse(true);
t.select();
var j = document.selection.createRange();
r.setEndPoint("StartToStart",j);
var str = r.text;
var re = new RegExp("[\\n]","g");
str = str.replace(re,"");
pos = str.length;
r.collapse(false);
r.select();
myField.scrollTop = s;
}
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0, startPos)
+ myValue
+ myField.value.substring(endPos, myField.value.length);
var s = myField.scrollTop;
var r = document.selection.createRange();
var t = myField.createTextRange();
t.collapse(true);
t.select();
var j = document.selection.createRange();
r.setEndPoint("StartToStart",j);
var str = r.text;
var re = new RegExp("[\\n]","g");
str = str.replace(re,"");
pos = str.length;
r.collapse(false);
r.select();
myField.scrollTop = s;
} else {
myField.value += myValue;
var s = myField.scrollTop;
var r = document.selection.createRange();
var t = myField.createTextRange();
t.collapse(true);
t.select();
var j = document.selection.createRange();
r.setEndPoint("StartToStart",j);
var str = r.text;
var re = new RegExp("[\\n]","g");
str = str.replace(re,"");
pos = str.length;
r.collapse(false);
r.select();
myField.scrollTop = s;
}
}
分享到:
相关推荐
在textarea光标处插入文本
使用JS在textarea在光标处插入内容.txt
NULL 博文链接:https://cai555.iteye.com/blog/618161
JS在TextArea光标位置插入文字+移动光标到文字末尾,Firefox,Chrome,Safari以及Opera都有selectionStart和selectionEnd属性,具体实现如下,感兴趣的朋友可以参考下哈
js实现textArea滚动条样式,兼容多种浏览器
textarea光标定位在最后,就是往textarea中赋值时候,光标自动移到最后。
本实例使用Javascript实现在textarea光标处插入文本,支持多种浏览器
本文实例讲述了jQuery往textarea中光标所在... /* 在textarea处插入文本--Start */ (function($) { $.fn.extend({ insertContent : function(myValue, t) { var $t = $(this)[0]; if (document.selection) { //
这是一个令textarea高度自适应的插件,使用jquery 去掉令人非常讨厌的滚动条;
vue通过当前的光标来进行插值,从而需要去获取光标所在的位置然后进行对光标前后的字符串进行截取处理,从而达到对新字符的插入
在IE下文本框textarea会显示滚动条(如下:) 去掉textarea横向或纵向滚动条办法: <textarea style="overflow:hidden"></textarea> 可以通过overflow-x:hidden和overflow-y:hidden控制横向和纵向滚动条...
textarea滚动条
用css控制textarea文本域的高度随内容的变化而变化,不出现滚动条. CSS代码: 复制代码代码如下: .t_area{ width:300px; overflow-y:visible } <textarea class=”t_area”> 随便在这里输入内容,textarea的高度...
无滚动条Textarea自动适用高度.html Textarea
jQuery扩展函数,用于获取设置textarea中光标位置
js 实现 为textarea加横向滚动条! 值得下载看看!资源免费,大家分享!!
2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色) scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-color滚动条的基本颜色 scrollbar-dark-shadow-color立体滚动条强阴影的...