无法将事件侦听器附加到 <img>-Tag 的 onload 事件

Question

我想知道为什么我可以\xc2\xb4t 将事件侦听器附加到 html 图像的 onload 事件。

\n\n

<img id="imageID" onload="doSomething();">完美运作，

\n\n

但如果我想添加一个监听器，比如

\n\n

document.getElementById(\'imageID\').addEventListener(\'onload\', function(e) {\n     doSomething();\n     });\n

\n\n

或使用 jQuery

\n\n

$("imageID").on("onload", function(){\ndoSomething();\n});\n

\n\n

该事件未被捕获。如果我监听一个简单的“click”事件，它可以工作，但不能监听“onload”事件。

\n\n

有人能告诉我这种行为的原因吗？

\n

Answer 1

不要包含"on"在事件名称中。

                              // no "on"------------v
document.getElementById('imageID').addEventListener('load', function(e) {

   // no "on"----v
$("#imageID").on("load", function(){
// ^----need "#"