js實現複製粘貼

<!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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章