最近遇到⼀个需求,需要点击按钮,复制
标签中的⽂本到剪切板之前做过复制输⼊框的内容,原以为差不多,结果发现根本⾏不通尝试了各种办法,最后使了个障眼法,实现了下⾯的效果⼀、原理分析
浏览器提供了 copy 命令 ,可以复制选中的内容
1document.execCommand(\"copy\")
如果是输⼊框,可以通过 select() ⽅法,选中输⼊框的⽂本,然后调⽤ copy 命令,将⽂本复制到剪切板但是 select() ⽅法只对 和 有效,对于就不好使最后我的解决⽅案是,在页⾯中添加⼀个 ,然后把它隐藏掉点击按钮的时候,先把 的 value 改为的 innerText,然后复制 中的内容 ⼆、代码实现HTML 部分1234567891012345678910我把你当兄弟你却想着复制我? 这是幕后⿊⼿ copyJS 部分亲测,Firefox 48.0,Chrome 60.0,IE 8 都能⽤ 因篇幅问题不能全部显示,请点此查看更多更全内容 查看全文
就不好使最后我的解决⽅案是,在页⾯中添加⼀个 ,然后把它隐藏掉点击按钮的时候,先把 的 value 改为的 innerText,然后复制 中的内容 ⼆、代码实现HTML 部分1234567891012345678910我把你当兄弟你却想着复制我? 这是幕后⿊⼿ copyJS 部分亲测,Firefox 48.0,Chrome 60.0,IE 8 都能⽤ 因篇幅问题不能全部显示,请点此查看更多更全内容 查看全文
点击按钮的时候,先把 的 value 改为的 innerText,然后复制 中的内容 ⼆、代码实现HTML 部分1234567891012345678910我把你当兄弟你却想着复制我? 这是幕后⿊⼿ copyJS 部分亲测,Firefox 48.0,Chrome 60.0,IE 8 都能⽤ 因篇幅问题不能全部显示,请点此查看更多更全内容 查看全文
的 innerText,然后复制 中的内容 ⼆、代码实现HTML 部分1234567891012345678910我把你当兄弟你却想着复制我? 这是幕后⿊⼿ copyJS 部分亲测,Firefox 48.0,Chrome 60.0,IE 8 都能⽤ 因篇幅问题不能全部显示,请点此查看更多更全内容 查看全文
1234567891012345678910
我把你当兄弟你却想着复制我?
JS 部分
亲测,Firefox 48.0,Chrome 60.0,IE 8 都能⽤
因篇幅问题不能全部显示,请点此查看更多更全内容