很多网站中会用到点击复制的效果,例如,点击复制pre的代码块,点击复制链接,点击复制淘宝代码,相信很多人都用过或者见过,那么玩转网今天分享一个js实现点击复制到剪切板的功能!
html代码:
<p class="copy_url singleHidden share_text_02" id="target" >https://appnsdahiuhibaxankbgsregbcj...</p>
<textarea id="input_copy" style="opacity: 0;height: 0;">这是幕后黑手</textarea>
<span class="copy_btn" id="copy_btn">复制</span>
js代码:
$("#copy_btn").click(function(){
var urls = $(".copy_url").text();
console.log(urls);
//开始复制链接
var input = document.getElementById("input_copy");
input.value = urls; // 修改文本框的内容
input.select(); // 选中文本
document.execCommand("copy"); // 执行浏览器复制命令
})
注意:这是js+jquery实现的,用的话别忘引入jquery!
© 版权声明
本网站名称:玩转网
本站永久网址:https://www.902d.com
版权声明:知识共享署名-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)协议进行许可
转载时请以超链接形式标明文章原始出处和作者信息,谢谢合作。
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长977260006@qq.com进行删除处理。
THE END