<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Copy</title>
<style>
</style>
</head>
<body>
<div id="imgcopy" class="easyui-toolbar" style="height:30px;padding:5px">
<a href="javascript:void(0);">复制</a>
</div>
<textarea id="content" readonly style="width:calc(50% - 10px);height: 260px;"></textarea>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
$(document).ready(function() {
var textData = [
{word:'确认过眼神 我遇上对的人'},
{word:'我策马出征 马蹄声如泪奔'},
{word:'青石板上的月光照进这山城'},
{word:'我一路的跟 你轮回声 我对你用情极深'},
{word:'洛阳城旁的老树根'},
{word:'像回忆般延伸你问'},
{word:'经过是谁的心跳声'},
{word:'我拿醇酒一坛饮恨'},
{word:'你那千年眼神是我'},
{word:'醉醉坠入赤壁的 伤痕'},
{word:'确认过眼神 我遇上对的人'}
]
var textarea = document.getElementById("content");
textarea.value = '';
for (var i = 0; i < textData.length; i++) {
textarea.value += textData[i].word + '\n'; // 在每个word后面添加换行符
}
// off().on()这个是为了防止重复绑定事件
$("#imgcopy").off('click').on('click',function(){
var selectedText = selectText();
if (selectedText) {
var successful = document.execCommand('copy');
var msg = successful ? '复制成功' : '复制失败';
alert(msg);
} else {
var textArea = document.getElementById('content'); // 获取文本区域元素
textArea.select(); // 选择文本区域中的所有文字
document.execCommand('copy'); // 将选定的文本复制到剪贴板
alert("复制成功");
}
});
});
function selectText() {
if (window.getSelection) { // 标准浏览器
return window.getSelection().toString();
} else if (document.selection) { // IE浏览器
return document.selection.createRange().text;
}
}
</script>
</body>
</html>
jquery 文本复制(单行选中复制/默认全选复制)
最新推荐文章于 2024-07-26 03:35:23 发布