JavaScript复制

发表于   |   分类于

代码段

看到网上的JavaScript代码带一个复制的小按键，好奇就把相关的代码段整理了一下。

  1. 复制文本框内容
1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
    function jsCopy(){
        var e = document.getElementById('content');
        e.select();
        document.execCommand('Copy');
        alert('已复制内容到剪切板')
    }
</script>
<textarea id='content' cols='50' rows='5'>
Your fucking content.
</textarea>
<br/>
<input type="button" onClick="jsCopy();" value="COPY" />
  1. 复制网络地址 
1
2
3
4
5
6
7
8
<script type="text/javascript">
    function urlCopy(){
        var clipboardContent = this.location.href;
        window.clipboardData.setData('Text',clipboardContent);
        alert('已将网络地址复制到剪切板')
    }
</script>
<input type="button" onClick="jsCopy();" value="COPY URL" />
  1. 点击文本框复制内容
1
2
3
4
5
6
7
8
<script type="text/javascript">
    function urlCopy(){
        var clipboardContent = this.location.href;
        window.clipboardData.setData('Text',clipboardContent);
        alert('已将网络地址复制到剪切板')
    }
</script>
<input type="button" onClick="jsCopy();" value="COPY URL" />