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>
上一篇: Mac怎么管理字体如何添加或删除
下一篇: Windows7系统如何批量提取文件名?
推荐阅读
-
clipboard.js使用方式在移动端遇到的问题解决
-
深入了解canvas在移动端绘制模糊的问题解决
-
fixed在移动端开发中遇到的坑及解决办法
-
在移动端使用vue-router和keep-alive的方法示例
-
clipboard.js使用方式在移动端遇到的问题
-
在使用Mac版快播经常遇到的一些问题解决方法介绍
-
vue项目中使用lib-flexible解决移动端适配的问题解决
-
Node第3天知识点:在node当中使用art-template、处理GET方式传递的参数、处理POST方式传递数据、服务器端重定向、模块化
-
clipboard.js在移动端复制失败的解决方法
-
在移动端使用vue-router和keep-alive的方法示例