分类: H5/JS/CSS

javascript下兼容firefox选取textarea文本的代码

[ 2013-09-10 22:03:12 | 作者: admin ]
字号: 大 | 中 | 小

function getSelectedText(){
                var selectedText;
                var textField=document.getElementById('inputTextarea');
                if(window.getSelection) selectedText=getTextFieldSelection(textField);//getTextFieldSelection(document.getElementById("inputTextArea"));
                else selectedText=document.selection.createRange().text;
                     alert(selectedText);
         }

         function getTextFieldSelection(e){
                //var oEvent=arguments.callee.caller.arguments[0];
                if(e.selectionStart != undefined && e.selectionEnd != undefined)
                     return e.value.substring(e.selectionStart,e.selectionEnd);
                else return "";
         }






完整演示代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
   <HEAD>
     <TITLE> 兼容firefox下选择textarea文字的js代码_脚本之家_www.jb51.net </TITLE>
     <META NAME="Generator" CONTENT="EditPlus">
     <META NAME="Author" CONTENT="">
     <META NAME="Keywords" CONTENT="">
     <META NAME="Description" CONTENT="">
     <script type="text/javascript">
         function getSelectedText(){
                var selectedText;
                var textField=document.getElementById('inputTextarea');
                if(window.getSelection) selectedText=getTextFieldSelection(textField);//getTextFieldSelection(document.getElementById("inputTextArea"));
                else selectedText=document.selection.createRange().text;
                     alert(selectedText);
         }

         function getTextFieldSelection(e){
                //var oEvent=arguments.callee.caller.arguments[0];
                if(e.selectionStart != undefined && e.selectionEnd != undefined)
                     return e.value.substring(e.selectionStart,e.selectionEnd);
                else return "";
         }
     </script>
     <style type="text/css">
         ul{
                list-style:none;
         }
     </style>
   </HEAD>

   <BODY>
         <ul>
                <li>兼容firefox下选取textarea文本的方法</li>
                <li><textarea id="inputTextarea" rows="6" cols="50"/>千万别相信我说的事情，我从来就没有这么勇敢过，这么壮烈过。我不断发誓要老老实实讲故事，可是说实话的愿望有多强烈，受到的各种干扰就有多大。我悲哀地发现根本就无法还原真相。记忆总是被我的情感改头换面，并随之捉弄我，背叛我。把我搞得头昏脑胀，真假难辩。</textarea></li>
                <li><button onclick="getSelectedText();">获取选中的文字段</button></li>
         </ul>
   </BODY>
</HTML>
评论Feed 评论Feed: http://blog.xg98.com/feed.asp?q=comment&id=2132

这篇日志没有评论。

此日志不可发表评论。