<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>copy</title>
</head>
<body>
<div id="box">hello world</div>
<button id="btn">click copy</button>
<script>
function copyText() {
let text=document.querySelector('#box').innerText; //定義要複製文本的內容
let ele_area=document.createElement('textarea');//定義一個文本域或者輸入框(這兩個有select()方法)
ele_area.value=text; //將要複製的內容賦值給文本域
document.body.appendChild(ele_area);//將文本域節點添加到頁面上
ele_area.select();//利用select方法選中
document.execCommand('Copy')//document.execCommand('Copy')--Copy命令進行復制
ele_area.style.display='none';//將文本域節點隱藏,不能顯示在瀏覽器上
}
var btn=document.querySelector('#btn');
btn.onclick=function () {
copyText()
}
</script>
</body>
</html>
js實現複製粘貼
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.