如何用JS代码制作网页复制功能
利用JS脚本来实现点击某个按钮或某段文字来复制相应的内容,网上提供了很多种方法,比如接管浏览器的复制功能,使用一些js复制插件等等,下面博文提供一个很多的js方法,几行代码的就能实现。
js实现点击复制的功能
先用js定义一个复制功能的函数,在复制触发时调用即可!
/** * @name 自定义的JS复制函数 * @param text 被复制的内容 * * @host 73so.com */ function copyText(text) { var tag = document.createElement('input'); tag.setAttribute('id', 'copy_input'); tag.value = text; document.getElementsByTagName('body')[0].appendChild(tag); document.getElementById('copy_input').select(); document.execCommand('copy'); document.getElementById('copy_input').remove(); }
例1:
js点击按钮,复制指定的内容。
<button onclick="copyText('73so')">点击我复制邀请码</button>
注:copyText 为上面自定义的复制函数,直接把想要复制的内容以参数的形式提交给函数即可!
例2:
js点击按钮复制某个DIV内的文字
<button id="but">点击我复制邀请码</button> <div id="cent">我是被复制的内容!</div> <script> document.getElementById('but').onclick = function () { var txt = document.getElementById('cent').innerText; copyText(txt); // copyText 为上面自定义的函数 } </script>
PS:上面只是简单的举了两个复制函数使用的例子,你可以在多个场景下使用这个复制的函数,只要能获取到被复制的内容,并将复制的内容传入到 copyText() 函数中即可!
版权声明:本文由指尖十年发布,如需转载请注明出处,如有问题可在下面留言。
本站提供的一切软件、教程和内容信息来自网络收集整理,版权争议与本站无关,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系。