textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)

更新时间：2009年12月16日 22:39:38 作者：

document.selection.createRange是IE独有的而firefox也有独有的一套

<?xml version="1.0" encoding="gb2312"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Language" content="zh-cn" /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>更简单的在光标处插入文字</title> </head> <body> <form method="get"> <div><textarea id="content" cols="50" rows="5">先在本文框中点鼠标以确定光标位置。</textarea></div> <div><input type="button" value="插入文字"A"" onclick="javascript:Insert('A');" /></div> <div><input type="button" value="插入文字"B"" onclick="javascript:Insert('B');" /></div> </form> <script type="text/javascript" language="javascript">  </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

需要注意的是
document.selection.createRange是IE独有的
而firefox也有独有的一套

复制代码代码如下:

var $obj = document.getElementById("words"); 
var selstart = $obj.selectionStart; //文字浮标选择的开始位置 
var selend = $obj.selectionEnd; //文字浮标选择的结束位置 

您可能感兴趣的文章:

javascript options属性集合操作代码
javascript options属性集合操作代码，一般情况需要控制option的朋友朋友需要了解的知识。
2009-12-12
两个INPUT同步输入的方法小结兼容IE和firefox
有时候我们需要同步输入一些表单input等，下面的几种方法，建议用onkeyup的方法来实现。
2009-04-04
制作符合用户体验的漂亮的input输入框
2008-01-01
实用的JS表单验证提示效果
一个流行且实用的JS表单验证提示，演示了怎么自定义错误信息的显示方式，同时通过写FormValid.showError类方法来实现错误显示方式自定义.
2009-11-11
javascript 表单规则集合对象
javascript 表单规则集合对象,其实就是三个常用的但比较麻烦的不容易记忆的规则，如果想要更全的，可以到脚本之家查看之前发布的一些文章。
2009-07-07
javascript 双击文本框编辑功能代码
javascript 双击文字后实现编辑文本功能代码
2008-12-12
IE不支持option的display样式，只能使用remove和add
想实现一个很简单的功能：当选中“中介”时，不显示“求购”与“求租”。本以为通过display:none即可实现，结果发现在option元素上使用display:none在firefox中有效，在IE6、IE7、IE8中都无效。
2009-12-12
javascript获得光标所在的文本框(text/textarea)中的位置
移动鼠标，得到单元格所在表中的位置的js代码,测试兼容firefox,需要的朋友可以参考下。
2009-12-12
如何限制在一个表格里面禁止使用右键
如何限制在一个表格里面禁止使用右键...
2006-10-10
比较平滑的js控制textaera的高度
textarea高度控制代码
2008-07-07