移动端 需要复制内容到剪贴板时,

clipborad.js 不支持ios微信版浏览器,可配合使用 execCommand 使其兼容,

完成一键复制淘口令的功能。

注意使用clipborad.js时,input 元素不可隐藏,可以设置元素位置在可视区域之外。

参考链接:

https://github.com/axuebin/articles/issues/26

实现代码:

<input id="taokouling"  value="€1222€">
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#taokouling" >复制淘口令</button>
        document.querySelector('.btn').addEventListener('click', () => {

            var clipboard = new Clipboard('.btn');
clipboard.on('success', e => {
// alert(e.text)
$(".pop").fadeIn(500)
e.clearSelection();
})
clipboard.on('error', e => {
// 不支持复制
// alert('浏览器不支持自动复制,请手动复制微信号') var btn = document.querySelector('.btn');
btn.addEventListener('click', () => {
var input = document.createElement('input');
input.setAttribute('readonly', 'readonly');
input.setAttribute('value', '€Up2jba6wlck€');
document.body.appendChild(input);
input.setSelectionRange(0, 9999);
if (document.execCommand('copy')) {
document.execCommand('copy');
$(".pop").fadeIn(500)
}
else{
alert('复制失败');
}
document.body.removeChild(input);
})
})
})

最新文章

  1. App Widget简单应用
  2. Action&lt;&gt;和Func&lt;&gt; 委托【代理】
  3. perl中读取外部文件
  4. Linux:软件安装
  5. Loadrunner:安装LR11时提示缺少vc2005_sp1_with_atl_fix_redist
  6. 疯狂java讲义——初始化块
  7. Android中两种设置全屏的方法
  8. JS 通过点击事件动态添加文本框
  9. Cocos2d-x学习笔记(3)
  10. 1.单件模式(Singleton Pattern)
  11. shell编程第三天
  12. Windows + Ubuntu双系统时间不一致
  13. 手机CPU
  14. 摘抄-----java codeReview要做的事
  15. idea破解方式 附jar包
  16. flask之信号
  17. day17 包装类、日期类
  18. python匹配两个字符串中间的字符串
  19. C语言 格式化输出--%m.n
  20. 获取url参数,替换特殊字符

热门文章

  1. hadoop-InputFormat-Split-任务并行度
  2. Jmeter之TCP取样器
  3. MySQL中的数据库对象
  4. Neo4j Cypher语法(一)
  5. .Net面试题三
  6. 22-Perl Socket 编程
  7. 【原创】大数据基础之Drill(1)简介、安装及使用
  8. BZOJ2456-mode题解--一道有趣题
  9. jboss日志的自定义
  10. MySQL数据库笔记三:数据查询语言(DQL)与事务控制语言(TCL)