Canvas onload事件不会被触发

时间:2014-03-26 18:51:24

标签: javascript html5 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做到这一点?

2 个答案:

答案 0 :(得分:9)

只有body元素(也许是iframe)可以触发onload事件。只需将<script> initializeCanvas(); </script>放在<canvas>标记之后。

答案 1 :(得分:0)

看看这个tutorial

您可能会发现它很有帮助。