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

时间：2021-01-20 14:15:31|栏目：JavaScript代码|点击：次

<?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; //文字浮标选择的结束位置

上一篇：常用的JS验证和函数汇总

栏目：JavaScript代码

下一篇：JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )

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

本文地址：http://www.codeinn.net/misctech/47983.html

更多JavaScript代码

JavaScript代码

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

阅读排行

推荐教程