在光标位置插入字符功能的js实现(兼容ie,firefox)

程序代码 程序代码
<!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>



[本日志由 刚子 于 2014-09-20 01:40 AM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.