欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-08 09:23:10
引入文件: https://zenorocha.github.io/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>