使用DOM JavaScript設置事件

Question

我正在嘗試在JavaScript中設置一個事件，但它實際上沒有用。 我很確定自己也做得正確。

// in index.htm:
function foo() {
  // Load gets code from a php file via ajax
  document.getElementById('div').innerHTML = load('phppage.php');
  document.getElementById('element').onClick = func;
}

// in lib.js:
function func() { alert('Working'); }

不幸的是...它永遠不會提醒“正在工作”。 我有Google Chrome瀏覽器，甚至檢查了開發人員工具中的元素，發現onClick屬性實際上是func() ……我不明白為什么這行不通。

我確實大量使用了ajax。 實際上，元素“ element”已加載了ajax

Answer 1

嘗試將其更改為“ onclick”

Answer 2

HTML屬性 都沒有 ，但JavaScript屬性 是 區分大小寫的 。 您需要使用onclick來設置事件處理程序。

Answer 3

我認為onclick屬性是小寫的。 但是，您應該使用事件附加方法。

element.addEventListener('click',func);

（和Internet Explorer的attachEvent）

Answer 4

當然，有很多框架可以解決跨瀏覽器問題，例如：

ExtJS

jQuery查詢