textbox 在光標位置插入字符功能的js實現(兼容ie,firefox)

2019-11-21 00:53:55

字體：大中小

來源：轉載

供稿：網友

<?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; //文字浮標選擇的結束位置 

上一篇：jQuery Attributes(屬性)的使用(二、類篇)

下一篇：Javascript 中介者模式實例

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

textbox 在光標位置插入字符功能的js實現(兼容ie,firefox)