使用JS将HTML页面源代码复制到剪贴板

时间:2018-10-16 18:45:35

标签: javascript html clipboard clipboarddata

我一直试图通过单击按钮来复制html页面的源代码,但现在我收到了粘贴在下面的错误。我不熟悉.execCommand函数以及为什么它在这种情况下会爆炸。

  

未捕获的TypeError:body.execCommand不是函数           复制时(index.js:8)           在HTMLButtonElement。 (index.js:14)

代码:

document.addEventListener("DOMContentLoaded",function(event) {
  console.log("Domload")
  document.designMode = "on"
  var mode = document.designMode

    function copy(){
    body =  document.getElementsByTagName("BODY")[0]
    body.execCommand('copy')
    // .execCommand("copy")
    }

    var button = document.getElementsByClassName("copybutton")
    console.log(button)
    button[0].addEventListener("click",function(){copy()})


})

1 个答案:

答案 0 :(得分:0)

Bro Code 似乎很完美,但小问题是您忘记将 body 定义为变量,所以改为

body = document.getElementsByTagName("body")[0];

替换为

var body = document.getElementsByTagName("body")[0];

见魔术发生。