html点击图片按钮自动复制文字到剪切板
实现在手机浏览器上点击一张图片或者一个按钮,自动复制一段文字到剪切板中,一共有三步。
一、图片或者按钮添加js触发。
<img src="images/ewm.png" alt="" onClick="copyUrl2()"/> //单击图片触发copyUrl2()函数
二、写要复制进剪切板中的文字,并隐藏。
<p style="display:none;" cols="20" id="biao1">要复制的文字</p>
三、写copyUrl2()函数。
<script type="text/javascript">
function copyUrl2()
{
var Url2=document.getElementById("biao1").innerText;
var oInput = document.createElement('input');
oInput.value = Url2;
document.body.appendChild(oInput);
oInput.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
oInput.className = 'oInput';
oInput.style.display='none';
alert('您已成功复制公众号名【***】,请前往微信添加!');
}
</script>按上面三步操作即可实现功能。
