js實現複製內容到剪貼板

一、 原生js實現,電腦可以用,手機不可以用

  1. 必須是 input元素 纔可以使用

    <input id="code" type="text" value="www">

    <span class="copy-btn" v-on:click="copy">複製</span>

    //獲取input並執行選中

    document.getElementById('code').select();

    //執行documen的copy事件
    document.execCommand('copy');

二、clipboard.js 實現,電腦、手機都可以用  https://github.com/zenorocha/clipboard.js

  1.  input、div 任何元素都可以使用

    <span id="code">123456</span>

    <span class="copy-btn" data-clipboard-target="#code" v-on:click="copy">複製</span>

    let clipboard = new ClipboardJS('.copy-btn');
    clipboard.on('success', function(e) {
      //複製成功
      console.log("複製成功");
      //取消選中
      e.clearSelection();
    });







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