在html頁面通過js實現復制粘貼功能


前言:要實現這個功能,常用的方式大概分為兩類,第一種就是上插件,這個網上有大把,第二種就是直接用幾行JS來實現。

這次說第二種實現方式,這方式有很大的局限性,只能用表單元素,並且不能設置disabled屬性,但是方式也是最簡單的,下面直接看代碼

 

<!DOCTYPE html>
<html>
<head>
    <title>eee</title>
</head>
<body>
<input id="test" type="text" name="" value="this is test.">

<button onclick="Copy()">點擊這個按鈕就會復制上面input的內容</button>
</body>
<script type="text/javascript">
    function Copy() {
        var content = document.getElementById('test');
        content.select();
        document.execCommand('Copy');
        alert('復制成功');
    }
</script>
</html>

 

結果如下:

 

點擊按鈕后會選中input框中的內容,后面直接右鍵粘貼就行

以上就是第二種方式實現的粘貼復制功能

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM