js插入字符到textarea的效果代码

更新时间：2008年04月26日 21:56:11 作者：

利用js实现往textarea中输入字符，是个不错的操作textarea的效果代码

<!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=gb2312" /> <title>www.jb51.net js插入字符到textarea脚 本之家</title> <script language="javascript" type="text/javascript"> function grin(tag) {         var myField;         myField = document.getElementById('content');         if (document.selection) {                 myField.focus();                 sel = document.selection.createRange();                 sel.text = tag;                 myField.focus();         }         else if (myField.selectionStart || myField.selectionStart == '0') {                 var startPos = myField.selectionStart;                 var endPos = myField.selectionEnd;                 var cursorPos = endPos;                 myField.value = myField.value.substring(0, startPos)                                           + tag                                           + myField.value.substring(endPos, myField.value.length);                 cursorPos += tag.length;                 myField.focus();                 myField.selectionStart = cursorPos;                 myField.selectionEnd = cursorPos;         }         else {                 myField.value += tag;                 myField.focus();         } } </script> </head> <body> <button onclick="grin('A')">A</button> <textarea id="content"></textarea> </body> </html>

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

您可能感兴趣的文章:

关于IFRAME 自适应高度的研究
关于IFRAME 自适应高度的研究...
2006-07-07
JavaScript动态调整TextArea高度的代码
通过JavaScript根据TextArea的内容动态调整TextArea的高度，需要的朋友可以参考下。
2010-12-12
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)，需要的朋友可以参考下。
2010-11-11
捕获input文本框内容改变事件的js代码
input 文本框内容改变，我们可以使用onchange或者onblur来进行判断，但是onchange是在文本内容改变，然后失去焦点的时候发生，onblur是在失去焦点时候发生，不会自己去判断。
2010-04-04
一个非常强大完整的web表单验证程序Validator v1.05
一个非常强大完整的web表单验证程序Validator v1.05...
2006-07-07
javascript模拟select实现代码
记录一个自己作的小作品，一个js模拟的select。
2010-08-08
刷新时清空文本框内容的js代码
刷新时清空文本框内容的js代码...
2007-04-04
css+js实现select列表横向排列效果代码
真不错的select横排效果代码，推荐大家阅读，这个思路真不错，太感谢作者了
2008-06-06
通过ifame指向的页面高度调整iframe的高度
[红色]通过ifame指向的页面高度调整iframe的高度...
2006-10-10
列表内容的选择
列表内容的选择...
2006-06-06