js如何实现点击复制微信号或文本的功能

网页中点击复制微信号或者复制某段文本内容,都是很常用的功能。
如何实现呢?其实非常简单,只要写一个点击复制文本的js方法就可以,然后调用这个方法。

<span id="weixin">1662866246</span>
<button id="btn">点击复制</button>

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<script>
//复制文本的方法  
function textCopy(data){
    var f=document.createElement("form");
    f.id="copy-"+Date.parse(new Date());
    f.onsubmit=function(){return false};
    f.style="opacity: 0;height: 1px;width: 1px;overflow: hidden;position:fixed;top: -1;left: -1;z-index: -1;"
    f.innerHTML=`<button onclick='story.select();document.execCommand("Copy");'></button>
    <textarea name="story">${data}</textarea>`;
    document.body.appendChild(f);
    document.querySelector(`#${f.id}>button`).click();  
   document.body.removeChild(document.getElementById(f.id));
}
$('#btn').click(function(){
    textCopy($('#weixin').text());
    alert('复制成功');
});
</script>
志博

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: