|
请问下有哪位大神知道怎么打开页面,自动把文字添加到粘贴板上
就是一打开页面 不通过点击按钮就把内容添加到粘贴板上,crt + v可以粘贴出来
我试过初始化页面的时候加载方法添加内容到粘贴板上,但是复制还是上一个复制的内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<article id="article">
<h4>公园一日游</h4>
<time>2016.8.15 星期二</time>
<p>今天风和日丽,我和小红去了人民公园,玩了滑梯、打雪仗、划船,真是愉快的一天啊。</p>
</article>
<button id="copy">复制文章</button>
<textarea style="width: 500px;height: 100px;" placeholder="试一试ctrl + v"></textarea>
<script>
//初始化方法
$(function() {
const range = document.createRange();
range.selectNode(document.getElementById('article'));
const selection = window.getSelection();
if(selection.rangeCount > 0) selection.removeAllRanges();
selection.addRange(range);
document.execCommand('copy');
alert('sdgasd')
$('#copy').click(copyArticle);
});
function copyArticle(event){
const range = document.createRange();
range.selectNode(document.getElementById('article'));
const selection = window.getSelection();
if(selection.rangeCount > 0) selection.removeAllRanges();
selection.addRange(range);
document.execCommand('copy');
}
$('#copy').click(copyArticle);
$("#copy").trigger("click");
//document.getElementById('copy').addEventListener('click', copyArticle, false);
</script>
</body>
</html>
|
|