当前位置：Gxlcms > JavaScript > javascript下兼容firefox选取textarea文本的代码

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

时间：2021-07-01 10:21:17 帮助过：13人阅读

主要用到的js代码
代码如下:
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.gxlcms.com </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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

人气教程排行