html点击自动复制内容的代码

代码一：

一、添加触发复制功能的条件，比如点击图片，文字等，添加onClick触发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>

按上面三步操作即可实现功能。