使用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查询