javascript - Canvas 加载事件未触发

标签 javascript html canvas

我无法让 onload 事件为 Canvas 元素工作。这是 HTML:

<!DOCTYPE html>
<html>
    <head>
        <script src="js/main.js"></script>
    </head>
    <body>
        <canvas id="modelZone" onload="initializeCanvas();" width="400" height="300"></canvas>
    </body>
</html>

这是 main.js 中的 Javascript:

function initializeCanvas(){
    alert("hello");
}

我知道 HTML 正在查找 main.js,因为如果我将 onload 更改为 onclick 它会正常工作:单击该区域 Canvas 的触发警报。那么,为什么我不能使用 onload 执行此操作?

最佳答案

只有 body 元素(可能还有 iframe)可以触发 onload 事件。简单地说 <script> initializeCanvas(); </script><canvas>之后标签。

关于javascript - Canvas 加载事件未触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22670482/

相关文章:

javascript - 如何使用knockout.js在特定条件下将点击事件绑定(bind)到body?

html - 防止在受控 react 输入中重新渲染

javascript - html 文本框中只输入一位小数

javascript - 在 Firefox 中进行拖放操作

javascript - 调用react函数

javascript - 你能用一个提交按钮执行两个javascript函数吗

javascript - 动态向div添加新的jqPlot图表使旧的图表变空

c# - WPF:单击嵌套在 Canvas 中的路径检测

javascript - 定位鼠标相对于变换平面的位置

javascript - 如何在JavaScript中检测浏览器 "minimized"和 "maximized"状态?