当前位置： 移动技术网 > IT编程>开发语言>JavaScript > clipboard.js使用方式在移动端遇到的问题解决

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

2019年03月31日  | 移动技术网IT编程  | 我要评论

引入文件：

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>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网