1.选中 2.复制
选中利用 Selection API
复制使用execCommand
一般使用插件clipboard.js完成
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>复制粘贴Demo</title>
</head>
<body>
<textarea id="bar">Mussum ipsum cacilds</textarea>
<!-- Trigger -->
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#bar">
copy to clipboard
</button>
<textarea id="cut">Mussum ipsum cacilds</textarea>
<!-- Trigger -->
<button class="btn" data-clipboard-action="cut" data-clipboard-target="#cut">
Cut to clipboard
</button>
<script src="./clipboard.js"></script>
<script>
const clipboard = new ClipboardJS('.btn');
clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
e.clearSelection();
});
</script>
</body>
</html>
以上就是【js实现选中复制的功能】的全部内容了,欢迎留言评论进行交流!