clipboard.jsの使用方法がモバイル側で発生した問題

導入ファイル:

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

呼び出し方法:

<div class="ticket-nums">
  <div class="ticket-num">   <span  id="ticketNum" >1234567890span>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" >1234567890span>div>
    <div id="btnCopy" class="copy" data-clipboard-target="#ticketNum" value="" />  div>
div>