因项目需要,需要在多行文本框中的光标位置插入字符,利于js的 document.selection属性很快就实现,但发现在firefox中无法兼容selection属性,网上找了很久也没有找到合适的方法,经过研究,改出了兼容ie和FF的完美解决方案
代码如下:
<!--
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
-->function AddText(str)
{
var ubb=document.getElementById("TxtContent");
var ubbLength=ubb.value.length;
ubb.focus();
if(typeof document.selection !="undefined")
{
document.selection.createRange().text=str;
}
else
{
ubb.value=ubb.value.substr(0,ubb.selectionStart)+str+ubb.value.substring(ubb.selectionStart,ubbLength);
}
}
例如:
<!--
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
-->function Underline()
{
var tUnderline=prompt("请输入要设置的下划线文字\n标签:[u][/u]","")
if(tUnderline==""|| tUnderline==null)
{
return;
}
tUnderline="[u]"+tUnderline+"[/u]"
AddText(tUnderline);
}
HTML部分:
<!--
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
--><a href="javascript:Underline();void(0)"><img src="Images/Style/underline.gif" alt="下线线" border="0"/></a>
注:1、TxtContent为textarea的ID,函数str参数为要插入的字符
2、在ie6.0和FF2.0中调试通过!!
相关推荐
在textarea光标处插入文本
使用JS在textarea在光标处插入内容.txt
NULL 博文链接:https://cai555.iteye.com/blog/618161
JavaScript获取,设置光标位置,兼容InputTextArea
vue通过当前的光标来进行插值,从而需要去获取光标所在的位置然后进行对光标前后的字符串进行截取处理,从而达到对新字符的插入
jQuery扩展函数,用于获取设置textarea中光标位置
本文实例讲述了jQuery往textarea中光标所在位置插入文本的方法。分享给大家供大家参考。具体实现方法如下: <html> <head> [removed][removed] [removed] $(function() { /* 在textarea处插入文本--...
本实例使用Javascript实现在textarea光标处插入文本,支持多种浏览器
JS在TextArea光标位置插入文字+移动光标到文字末尾,Firefox,Chrome,Safari以及Opera都有selectionStart和selectionEnd属性,具体实现如下,感兴趣的朋友可以参考下哈
javascript获得光标所在的文本框(text textarea)中的位置.docx
主要是实现textarea中光标的定位方法,考虑到多浏览器的兼容性,需要的朋友可以参考下。
textarea光标定位在最后,就是往textarea中赋值时候,光标自动移到最后。
主要介绍了jQuery实现在textarea指定位置插入字符或表情的方法,实例分析了jQuery操作表单元素的技巧,非常实用,具有一定参考借鉴价值,需要的朋友可以参考下
NULL 博文链接:https://yelb.iteye.com/blog/1141762
目的通过点击页面上的按钮button 在textarea中的光标停留处插上文字
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍,有需求的朋友可以参考
jQuery textArea文本光标全功能插件,可以获取光标位置,向光标文字插入文本,高亮显示指定的文本块
在DOM里面操作textarea里面的字符,是比较麻烦的。于是我有这个封装分享给大家,测试过IE6,8, firefox ,chrome, opera , safari。兼容没问题。