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() 函数中即可！