[原创]javascript实现textarea中光标处插入字符的实现[兼容ie和firefox]
2007-10-19 12:28
691 查看
因项目需要,需要在多行文本框中的光标位置插入字符,利于js的 document.selection属性很快就实现,但发现在firefox中无法兼容selection属性,网上找了很久也没有找到合适的方法,经过研究,改出了兼容ie和FF的完美解决方案
代码如下:
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);
}
}
例如:
function Underline()
{
var tUnderline=prompt("请输入要设置的下划线文字\n标签:","")
if(tUnderline=="" || tUnderline==null)
{
return;
}
tUnderline=""+tUnderline+""
AddText(tUnderline);
}
HTML部分:
<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中调试通过!!
代码如下:
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);
}
}
例如:
function Underline()
{
var tUnderline=prompt("请输入要设置的下划线文字\n标签:","")
if(tUnderline=="" || tUnderline==null)
{
return;
}
tUnderline=""+tUnderline+""
AddText(tUnderline);
}
HTML部分:
<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中调试通过!!
相关文章推荐
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
- js在textarea光标处插入表情字符(ie,火狐兼容)
- JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
- 在光标处插入字符串的实现代码兼容IE,Firefox
- 在光标处插入字符串的实现代码 兼容IE,Firefox
- javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox] 原创
- 兼容最新firefox、chrome和IE的javascript图片预览实现代码
- javascript获取textarea光标位置,内容方法(IE, Firefox)
- 通过 JavaScript 获取和设置光标在输入框中的位置(兼容 IE 及 Firefox)
- 兼容 IE、 FireFox 的 javascript 日历控件 原创作者:寒羽枫(cityhunter172)
- javascript获取textarea光标选择位置和内容方法(IE, Firefox)
- 兼容最新firefox、chrome和IE的javascript图片预览实现代码
- 纯JavaScript实现的幻灯片(兼容IE和Firefox)
- javascript获取textarea光标选择位置和内容方法(IE, Firefox)
- javascript实现拖动层效果代码(符合标准且兼容IE,chrome,firefox)
- 兼容最新firefox、chrome和IE的javascript图片预览实现代码