选择所有文本,然后将其复制到javascript中
Select all text then copy it in javascript
我有一个代码,如果我选择了一些文本,然后单击复制它就可以工作。
如果我不选择任何文本并单击copy
,那么我必须复制所有文本,我的问题。
我的网页:
<textarea id="txt" style="width:100%;height:100px;">To enjoy good health</textarea>
<div align="center"><button class="btn-md">copy</button></div>
我的脚本:
$(document).ready(function(){
$('.btn-md').click(function(){
$('#txt').focus();
document.execCommand('copy');
});
});
试试
$(document).ready(function(){
$('.btn-md').click(function(){
var selectedText = getSelectedText($('#txt')[0]);
if(getSelectedText($('#txt')[0]) != '') {
copyToClipboard(selectedText);
} else {
$('#txt').focus().select();
}
document.execCommand('copy');
});
});
function getSelectedText(e) {
var text = "",
start = e.selectionStart,
finish = e.selectionEnd;
text = e.value.substring(start, finish);
return text;
}
function copyToClipboard(text){
var et = $('<textarea/>',{
css:{ opacity: '0' }
});
$('body').append(et);
$(et)[0].value = text;
$(et).focus().select();
document.execCommand('copy');
$(et).remove();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<textarea id="txt" style="width:100%;height:100px;">To enjoy good health</textarea>
<div align="center"><button class="btn-md">copy</button></div>
相关文章:
- 复制当前url按钮-Javascript
- JavaScript”;复制“;HTML表单
- 在Javascript中复制C#服务器端验证
- 如何在Javascript中实现剪切、复制和粘贴功能
- 复制Javascript日期选择器
- 未复制JavaScript原型
- 阻止人们复制JavaScript代码
- 设置/复制javascript计算样式从一个元素到另一个元素
- 我正在克隆/复制javascript对象.我做得对吗
- 复制 JavaScript 原型实例
- 如何复制JavaScript's的提示函数在一个带有密码字段的新模式中
- 当通过引用而不是按值复制 JavaScript 值时,是否有任何经验法则
- 如何在Objective-C中复制JavaScript unescape()函数
- JQuery使用ajax复制javascript到文档
- 在php中复制javascript数组
- 按值复制Javascript DOM对象
- 复制Javascript对象到另一个对象,不创建新的属性
- 复制 JavaScript 画布中的磁贴区域
- 无法复制javascript中的对象属性
- 复制Javascript "Class"对象的原型