js在当前光标处插入特定字符 兼容ie、火狐、谷歌、360、NETSCAPE等浏览器
2013-06-03 18:14
846 查看
js在当前光标处插入特定字符:
在网上看到好多文章介绍的很麻烦,而且又不好用,这里最简便的就是:document.all("sendNoRegex").focus();
var sel = document.selection.createRange();
sel.text='"年份"';
以下是我在实际应用中的一个实例:
function addRegex(re){//点击添加字号范例和字号表达式jiangkun
var snText=$('#sendNo').text();
var snrVal=$('#sendNoRegex').val();
if(snText=='(XX/L)【'+year+'】(0001)'){$('#sendNo').empty();}
document.all("sendNoRegex").focus();
var sel = document.selection.createRange();
if(re=='year'){
sel.text='"年份"';
}else if(re=='snumber'){
sel.text='###';
}else if(re=='('||re==')'||re=='['||re==']'||re=='【'||re=='】'||re=='/'){
sel.text=re;
}
var sen=$('#sendNoRegex').val();
$('#sendNo').empty().append(sen);
changeSpecial();
}
不过以上方法仅支持ie浏览器,采用以下方式可以兼容ie、火狐、谷歌、360、NETSCAPE等浏览器
function insertAtCursor(myField, myValue) {
if(document.selection){//IE support
document.getElementById("sendNoRegex").focus();
sel = document.selection.createRange();
sel.text = myValue;
sel.select();
}else if(sendNoRegex.selectionStart || sendNoRegex.selectionStart == '0'){//MOZILLA/NETSCAPE support
var startPos = sendNoRegex.selectionStart;
var endPos = sendNoRegex.selectionEnd;
// save scrollTop before insert
var restoreTop = sendNoRegex.scrollTop;
sendNoRegex.value = sendNoRegex.value.substring(0, startPos) + myValue + sendNoRegex.value.substring(endPos,sendNoRegex.value.length);
if (restoreTop > 0){
// restore previous scrollTop
sendNoRegex.scrollTop = restoreTop;
}
sendNoRegex.focus();
sendNoRegex.selectionStart = startPos + myValue.length;
sendNoRegex.selectionEnd = startPos + myValue.length;
}else{
sendNoRegex.value += myValue;
sendNoRegex.focus();
}
}
相关文章推荐
- js在textarea光标处插入表情字符(ie,火狐兼容)
- js在一个可编辑的div光标处插入图片或者文本(兼容ie,火狐等浏览器)
- 原生Js在各大浏览器上、火狐、ie、谷歌、360等出现的不兼容问题。
- (亲测兼容360、IE、谷歌、火狐等浏览器)鼠标悬停显示页面被截取字段的全部内容
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- 解决js函数replace禁止输入框输入非法字符,光标回到文字最后问题(兼容ie、谷歌)
- js获得指定控件光标的坐标,兼容IE,Chrome,火狐等多种主流浏览器
- Iframe的高度自适应且兼容谷歌,火狐,IE和360等主流浏览器
- js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
- js获得指定控件光标的坐标,兼容IE,Chrome,火狐等多种主流浏览器
- 设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码 详细出处参考:http://www.jb51.net/article/35063.htm
- ASP.NET关闭当前页(兼容IE、谷歌、火狐等主流浏览器)
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- 在网页中插入FLV视频,经测试兼容IE、火狐、谷歌等浏览器
- 工作笔记---jQuery在可编辑的div光标处插入内容 兼容IE,火狐,谷歌
- 设为首页加入收藏兼容360/火狐/谷歌/IE/搜狗/猎狐/Safari/等主流浏览器的代码
- 加入收藏、设为首页代码,兼容360/火狐/谷歌/IE等主流浏览器
- js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
- 设为首页,加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码