Javascript bug，重复提示，仅出现在 GitHub 中

Question

我有一个 .html 文件，当我直接在浏览器中打开它时，它可以正常工作，但是当我预览位于其自己的 GitHub 存储库中的该文件的精确副本时，它就会出现错误。

出现的bug:用户点击按钮后，浏览器(chrome)重复一些简单的提示两次。
(提示在GitHub文件第18、19行)

这是 GitHub 上的文件: https://github.com/JMurphyWeb/sketch-pad/blob/master/index.html

以下是使用 GitHub 中的文件进行的有问题的 Web 预览: http://htmlpreview.github.io/?https://github.com/JMurphyWeb/sketch-pad/blob/master/index.html

Answer 1

这是 htmlpreview.github.io 中的错误，它会将整个脚本注入(inject)两次。这意味着按钮单击监听器也附加了两次，当然提示也出现了两次。

您可以使用 http://rawgit.com/JMurphyWeb/sketch-pad/master/index.html