Javascript 单击“选择全文文本”区域_Javascript_Html

Javascript 单击“选择全文文本”区域

javascript html

Javascript 单击“选择全文文本”区域,javascript,html,Javascript,Html,我不知道如何在点击文本区域后立即复制到clickboard。我的意思是，它应该选择其中的所有内容，然后弹出并要求像“按ctrl c”这样的命令复制到剪贴板我已经有一个代码，但无法在文本区域选择全文，应该复制到剪贴板中 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> &l

我不知道如何在点击文本区域后立即复制到clickboard。我的意思是，它应该选择其中的所有内容，然后弹出并要求像“按ctrl c”这样的命令复制到剪贴板

我已经有一个代码，但无法在文本区域选择全文，应该复制到剪贴板中

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <script type="text/javascript">

function myfunc2() {
 var selectedobj=document.getElementById('showthis');

  if(selectedobj.className=='hide'){  //check if classname is hide 
    selectedobj.style.display = "block";
    selectedobj.readOnly=true;
    selectedobj.className ='show';
  }else{
    selectedobj.style.display = "none";
    selectedobj.className ='hide';
 }
}


function copyToClipboard (text) {
  window.prompt ("Copy to clipboard: Ctrl+C, Enter", text);
}



function select_all()
{
// alert(document.getElementById("showthis").value);

var text_val=eval("document.getElementById('showthis').value");
text_val.focus();

var copy = text_val.select();
window.prompt ("Copy to clipboard: Ctrl+C, Enter", copy);

}

</script>
 </head>

 <body>


            <label  onclick="myfunc2()">Click here</label>
            <textarea id="showthis" style="display:none" class="hide"  onclick="select_all()" readonly>dfdsfsfasdfdsfsfasdfssdfsfasf</textarea>


 </body>
</html>


函数myfunc2（）{
var selectedobj=document.getElementById（'showthis'）；
if（selectedobj.className=='hide'）{//检查className是否为hide
选择bj.style.display=“块”；
selectedobj.readOnly=true；
选择edobj.className='show'；
}否则{
选择bj.style.display=“无”；
选择edobj.className='hide'；
}
}
功能copyToClipboard（文本）{
window.prompt（“复制到剪贴板：Ctrl+C，输入”，文本）；
}
函数select_all（）
{
//警报（document.getElementById（“showthis”）.value）；
var text_val=eval（“document.getElementById（'showthis'）.value”）；
text_val.focus（）；
var copy=text_val.select（）；
window.prompt（“复制到剪贴板：Ctrl+C，输入”，复制”）；
}
点击这里
DFDSFSFASDFDSFSFSDFSSDFSFSFSFASF

谁能调查一下这个

编辑：

我只需要Javascript代码（不是JQuery）

使用JQuery，它只是：

$('#showthis').select()

仅使用javascript：

document.getElementById('showthis').select()

尝试以下代码选择文本框或文本区域内的文本：

<textarea id="txtSelect">Hello</textarea>

<script type="text/javascript">
    var textBox = document.getElementById("txtSelect");
    textBox.onfocus = function() {
        textBox.select();

        // Work around Chrome's little problem
        textBox.onmouseup = function() {
            // Prevent further mouseup intervention
            textBox.onmouseup = null;
            return false;
        };
    };
</script>

你好 var textBox=document.getElementById（“txtSelect”）； textBox.onfocus=函数（）{ textBox.select（）； //解决Chrome的小问题 textBox.onmouseup=函数（）{ //防止进一步的鼠标干预 textBox.onmouseup=null；返回false； }; }; 如果你需要选择文本并将其复制到剪贴板，我认为你应该为此设计一个插件。看看这个问题：：

基于您的代码，我开发了以下内容，希望对您有所帮助：

HTML:

<textarea id="showthis" class="hide" readonly>click to copy</textarea>

$(function(){
    var select_all = function(control){
        $(control).focus().select();
        var copy = $(control).val();
        window.prompt ("Copy to clipboard: Ctrl+C, Enter", copy);
    }
    $("#showthis").click(function(){
        select_all(this);
    })
})

这样做的目的是什么：

eval（“document.getElementById（'showthis'）.value”）？它显示文本区域的全文。你到底想做什么？@Asad没有在textarea中选择全文，也没有获得剪贴板弹出窗口..我编辑代码时只使用javascript。textarea
的目的是允许访问者输入或编辑文本，而不是复制它。如果提供要复制的数据，请使用div.Ok，替换document.getElementById（）；）上的选择器$（）