网页中点击复制微信号或者复制某段文本内容,都是很常用的功能。
如何实现呢?其实非常简单,只要写一个点击复制文本的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>
<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>