![](/img/trans.png)
[英]Ruby on Rails application textarea onclick delete or select the default text
[英]onclick select whole text textarea
我不了解如何在單擊文本區域后立即復制到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>
任何人都可以看看這個...
編輯:我只需要Javascript代碼(而不是JQuery)
嘗試使用以下代碼在TextBox或TextArea中選擇文本:
<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>
如果您需要選擇文本並將其復制到剪貼板,我認為您應該為此目的使用一個插件。 看這個問題:: 使用jQuery將文本復制到客戶端的剪貼板
根據您的代碼,我開發了以下示例 ,希望對您有所幫助:
HTML:
<textarea id="showthis" class="hide" readonly>click to copy</textarea>
JS:
$(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);
})
})
使用JQuery,它將只是:
$('#showthis').select()
僅使用javascript:
document.getElementById('showthis').select()
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.