clipboard.js使用方式在移动端遇到的问题

Posted 2022-05-19 asdfasdfasdad

引入文件：

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

调用方式：

<div class="ticket-nums">
  <div class="ticket-num">获取码<span  id="ticketNum" >1234567890</span></div>
  <input type="button" id="btnCopy" class="copy" data-clipboard-target="#ticketNum" value="复制" />
</div>

  var clipboard = new Clipboard( '#btnCopy' );
  clipboard.on( 'success', function( e ) 
    alert( '复制成功' );
    copyAjax();
    e.clearSelection();
   );
 clipboard.on('error', function(e) 
   alert('请选择“拷贝”进行复制!')
 );

遇到的问题：
之前在PC端使用的情况多，没有在移动端使用过，今天在使用时聘了不能复制问题；
问题出现在HMTL上，原来按钮是用div来写的，如下：

<div class="ticket-nums">
    <div class="ticket-num">获取码<span  id="ticketNum" >1234567890</span></div>
    <div id="btnCopy" class="copy" data-clipboard-target="#ticketNum" value="" />复制</div>
</div>