1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > js 如何实现点击一键复制文本

js 如何实现点击一键复制文本

时间:2019-05-14 12:16:54

相关推荐

js 如何实现点击一键复制文本

你是不是遇到过一键复制的这种需求:

实现方法:

浏览器提供了 copy 命令 ,可以复制选中的内容

document.execCommand("copy")

我们需要写一个输入框,然后通过 select() 方法,选中输入框的文本,然后调用 copy 命令,将文本复制到剪切板

css部分:隐藏输入框

#copy{position: absolute;z-index: -1;opacity: 0;}

html部分

<div class="box-text2"><p class="p1">广告链接:</p><p class="p2 intohrefp2"><input type="text" id="copy"> <a class="intohref" href="https://bzi./sl/42FB8A">等接口https://bzi./sl/42FB8A</a></p><span class="copyhref">复制</span></div>

js部分

//点击复制$(".copyhref").click(function () {let ovalue=$(this).siblings(".p2").children(".intohref").attr("href");let $cppy= $("#copy")$cppy.val(ovalue)$cppy.select(); document.execCommand("copy"); //layer.msg('复制成功',{time:800}); })

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。