clipboard.js使用方式在移動端遇到的問題解決

引入文件:

https://zenorocha.github.io/clipboard.js

調用方式:

<p class="ticket-nums">
  <p class="ticket-num">獲取碼<span  id="ticketNum" >1234567890</span></p>
  <input type="button" id="btnCopy" class="copy" data-clipboard-target="#ticketNum" value="復制" />
</p>
  var clipboard = new Clipboard( '#btnCopy' );
  clipboard.on( 'success', function( e ) {
    alert( '復制成功' );
    copyAjax();
    e.clearSelection();
  } );
 clipboard.on('error', function(e) {
   alert('請選擇“拷貝”進行復制!')
 });

遇到的問題:

之前在PC端使用的情況多,沒有在移動端使用過,今天在使用時聘瞭不能復制問題;

問題出現在HMTL上,原來按鈕是用p來寫的,如下:

<p class="ticket-nums">
    <p class="ticket-num">獲取碼<span  id="ticketNum" >1234567890</span></p>
    <p id="btnCopy" class="copy" data-clipboard-target="#ticketNum" value="" />復制</p>
</p>

You May Also Like