简单的在光标处插入文字 - Javascript经典专区 - JS组件 - JS控件

当前位置：首页 > 常用技巧 > 文章内容

简单的在光标处插入文字

来源：www.cftea.com 发布时间：2008-11-19 阅读次数：

[摘要]:

运行效果:
<?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">先在本文框中点鼠标以确定光标位置。Javascript经典专区 www.onlyaa.com</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>
提示：您可以先修改部分代码再运行

如果你是选中文本框中的内容，则效果是替换选中的内容。注意其中的 document.getElementById("content").focus();，这句保证后面的 selection 代码是对 content 这个文本框操作。document.selection.empty() 这句不能换用 document.selection.clear()，虽然 clear() 从语义上说更合理

由编辑

» 进入JAVASCRIPT经典社区讨论 [收藏] [推荐] [返回顶部] [打印本页] [关闭窗口]

来顶一下

上一篇：table内容排序的Javascript类
下一篇：IE下的Javascript编程内存释放的问题

网友评论 - (共有 0 位网友发表了评论)

发表评论

赞助链接

学院推荐

用javascript实现图片的预加载效

用jQuery实现表格颜色的交替显示

Javascript解释型模版

在b/s开发中经常用到的javaScrip

简洁的Js拖拽代码

[转]深入认识javascript中的eval

创意无限,简单实用(javascript-l

赞助链接

热门文档

学院推荐