2

有一些關於純JS的不顯眼事件的例子。這個主題中的大部分問題都是用jQuery解決方案實際回答的。我想知道這個簡單的例子如何工作。正如我測試,文件頭中此功能非常適用於點擊整個文檔在文檔頭中可以使用不顯眼的javascript事件嗎?

document.onclick=function(){alert("OK");} 

,但是這並不適用於點擊上工作<div id="test">CLICK</div>

document.getElementById("test").onclick=function(){alert("OK");} 

如何捕獲點擊不顯眼的一個元素JS功能?

更新的問題:ascii-lime的回答後,如何在文檔'head`中放置不重要的javascript事件?

回答

4

It works just fine

確保腳本在<div>存在後運行,可以將腳本放在<div>之後,也可以在window.onload事件處理程序中運行它。

或者你可以將onclick附加到文件(因爲文件肯定存在腳本運行之前),然後檢測其元素被點擊like this

document.onclick = function(e){ 
    e = e || window.event; 
    if(e.target.id == 'test') 
     alert('OK'); 
} 
+0

你的答案是完美的,澄清的模糊問題進行測試,但我更新的問題,因爲這應該是問題其他一些人也是如此。 – Googlebot

+0

其實,我從你更新的答案中學到了很多:) – Googlebot

+0

@Ali我很高興能幫上忙:)現在全部清楚了嗎? – Paulpro

0

我在JSFiddle.net測試你的代碼,它似乎在運行。

看到它在這裏的行動:http://jsfiddle.net/kNFrz/

我已經使用Chrome 19.0和IE 9.0

相關問題