javascript复制网页内容 execCommand(´ Copy´ )

最新推荐文章于 2025-04-18 16:16:41 发布

jacsonwilliam

最新推荐文章于 2025-04-18 16:16:41 发布

阅读量699

点赞数

分类专栏： javascript 文章标签： execComman 复制网页 javascript

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现复制文本到剪贴板的方法，通过创建隐藏的textarea元素并利用document.execCommand('copy')来完成复制操作。此方法简单有效且兼容性良好。

javascript复制网页内容 execCommand(´ Copy´ )

大概就这几种主要方法，前三种要么过于繁琐不太好使要么兼容性不好，今天提供的方法就是最后一种，推荐使用

**window.clipboardData (IE 才有)
**ZeroClipboard (借助Flash)
**window.prompt
**document.execCommand

在js里添加这个方法，传入的参数为你将要复制的文字，方法的返回值为是否复制成功

    function copyTextToClipboard(text) {
        var textArea = document.createElement("textarea")

        textArea.style.position = 'fixed'
        textArea.style.top = 0
        textArea.style.left = 0
        textArea.style.width = '2em'
        textArea.style.height = '2em'
        textArea.style.padding = 0
        textArea.style.border = 'none'
        textArea.style.outline = 'none'
        textArea.style.boxShadow = 'none'
        textArea.style.background = 'transparent'
        textArea.value = text

        document.body.appendChild(textArea)

        textArea.select()

        var msg = '';
        try {
            msg = document.execCommand('copy') ? '复制成功！' : '复制失败！'
        } catch (err) {
            msg = '不能使用这种方法复制内容'
        }
        document.body.removeChild(textArea)
        return msg;
    }

转自： http://www.jianshu.com/p/37322bb86a48

网上找了几个小时，才写好这个功能。第一次写博客，多多关照，也为方便广大跟我一起学习的码农们，共同进步！