canvas:未定义onMouseDown

时间:2018-08-18 09:14:49

标签: javascript dom

窗口加载完成后,我想向画布添加一些Javascript。我尝试了此代码

<script type="text/javascript">

  window.addEventListener("load", init);

  function init(){
      var canvas = document ...
      canvas.addEventListener("mousedown", onMouseDown);
  }

</script> 

但是出现以下错误:

ReferenceError: onMouseDown is not defined

3 个答案:

答案 0 :(得分:0)

您应该拥有onMouseDown之类的功能

function onMouseDown() {
// Perform mouse down functions you want here
}

答案 1 :(得分:0)

似乎onMouseDown函数未定义或没有加载到当前的html文件中。

您可以通过在浏览器中打开调试控制台(按F12并单击“控制台”选项卡)来确保并检查您的功能是否存在。您只需要在浏览器控制台上输入onMouseDown并查看结果即可。如果您有RefrenceError,则表示您的函数尚未编写或尚未加载。

As you see here, the onMouseDown function hasn't defined on the current document

答案 2 :(得分:-1)

我不知道为什么,但是直接编写函数会有所帮助:

function init(){
    var canvas = document ...
    canvas.onmousedown = function(e){
        // bla
    }
}

在此答案中: https://stackoverflow.com/a/10036499