將事件附加到尚未添加到DOM的對象中

Question

我有一個img對象尚未附加到文檔樹中。是否可以爲該對象分配一個onclick事件（使用attachEvent或addEventListener）？或者是否必須將它追加到DOM 第一個和只有才能夠附加事件？

var image = document.createElement("img"); 
image.src = "image1.png"; 

// Will any of the following work? 
image.attachEvent("onclick", displayImage); // IE 
image.addEventListener("click", displayImage, false); // non-IE 

document.getElementById("imageDiv").appendChild(image); 

function displayImage() { 
    ... 
} 

請，只包括純JavaScript（無JQuery的）。謝謝！

Answer 1

我發現了什麼：

1. 添加在法官面前使用它。
2. getElementById的參數需要一個「＃」。

var image = document.createElement("img"); 
image.src = "image1.png"; 
if(image.attachEvent){ 
image.attachEvent("onclick", displayImage);} // IE 

image.addEventListener("click", displayImage, false); // non-IE 

document.getElementById("#imageDiv").appendChild(image); 

function displayImage() { 
    ... 
} 

Answer 2

至於我看到你正在尋找一個本地實現了jQuery現場（中）/對（）的功能。你應該看看Implementing jQuery's "live" binder with native Javascript。