Javascript在光标处插入文本

最新推荐文章于 2023-11-12 14:29:30 发布

peter824

最新推荐文章于 2023-11-12 14:29:30 发布

阅读量933

点赞数

分类专栏： WEB JAVASCRIPT 文章标签： javascript button function 浏览器 input xhtml

本文链接：https://blog.csdn.net/peter824/article/details/5419740

版权

WEB 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

JAVASCRIPT

4 篇文章 0 订阅

订阅专栏

在文本框光标处插入文字，并不常用，但碰到了却也比较棘手，浏览器兼容的问题总让人头痛。

经查阅资料并经修改完善得到以下可用代码，运行一下看看效果更直观：

<!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-Type" content="text/html; charset=UTF-8"> <title>JAVASCRIPT在文本框的指定位置插入文本并定位光标</title> <mce:script type="text/javascript"></mce:script> </head> <body> <form><textarea id="txtContent" cols="50" rows="5">先在本文框中点击鼠标或选择文本以确定光标位置和选取内容。 ——晴枫 http://witmax.cn</textarea><br /><br /> <input type = "button" value = "插入字符串 {Good}" οnclick="InsertString('txtContent', '{Good}');"/> <input type = "button" value = "插入字符串 {Bad}" οnclick="InsertString('txtContent', '{Bad}');"/> <input type = "button" value = "获取选中的文本" οnclick="ShowSelection('txtContent');"/><br /> <div id="tip"></div> </form> </body> </html>

代码中，针对IE浏览器，运用document.selection.createRange()来解决；针对非IE浏览器，运用selectionStart和selectionEnd来操作。已能够获取文本框中选择的文本并控制文本框的光标，实际的应用那就随意发挥了。

以上代码已经过IE各版本、Firefox、Opera、Chrome、Safari测试。

peter824

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
Javascript在光标处插入文本

在文本框光标处插入文字，并不常用，但碰到了却也比较棘手，浏览器兼容的问题总让人头痛。经查阅资料并经修改完善得到以下可用代码，运行一下看看效果更直观： JAVASCRIPT在文本框的指定位置插入文本并定位光标<!-- function InsertString(tbid, str){ var tb = document.getElement
复制链接

扫一扫