页面导航：首页 → 网络编程 → JavaScript → 表单特效 → 正文内容 javascript firefox textarea 选择文本

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

发布：dxy 字体：[增加减小] 类型：转载

兼容firefox和ie的选取textarea文本的方法

主要用到的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.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>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：javascript firefox textarea文字选择

复制链接收藏本文打印本文关闭本文返回首页

上一篇：javascript兼容firefox的文本输入长度提示

下一篇：select下拉选择框美化实现代码(js+css+图片)

文章评论

共有位脚本之家网友发表了评论我来说两句

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

同类文章

文章评论

最近更新

热点排行

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

同类文章

文章评论

最 近 更 新

热 点 排 行

最近更新

热点排行