clipboard.js使用方式在移动端遇到的问题解决
程序员文章站
2023-12-29 09:29:40
引入文件:
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>
推荐阅读
-
clipboard.js使用方式在移动端遇到的问题解决
-
在使用@angular/cli创建的angular项目上添加postcss等一系列移动端自适应插件
-
html5移动端页面分辨率设置及相应字体大小设置的靠谱使用方式
-
clipboard.js使用方式在移动端遇到的问题解决
-
深入了解canvas在移动端绘制模糊的问题解决
-
fixed在移动端开发中遇到的坑及解决办法
-
在移动端使用vue-router和keep-alive的方法示例
-
clipboard.js使用方式在移动端遇到的问题
-
在使用Mac版快播经常遇到的一些问题解决方法介绍
-
vue项目中使用lib-flexible解决移动端适配的问题解决