本教程将指导您如何在HTML文档中使用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"> <!-- function Insert(str) { var obj = document.getElementById('content'); if(document.selection) { //IE document.selection.clear(); obj.focus(); var sel=document.selection.createRange(); sel.text = str; } else { //FF var prefix, main, suffix; prefix = obj.value.substring(0, obj.selectionStart); main = obj.value.substring(obj.selectionStart, obj.selectionEnd); suffix = obj.value.substring(obj.selectionEnd); obj.value = prefix + str + suffix; } obj.focus(); } --> </script> </body> </html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
