javascript - 将事件处理程序设置为 DOM 对象

Question

我一直在寻找附加 DOM 事件以避免浏览器兼容性问题的最合适方法，并发现 Mozilla developers网站状态:

The old way is to just assign it like this:

document.getElementById('cupcakeButton').onclick = getACupcake;

As above, the event object is either a global or an argument. This method may have problems and is not the preferred method, but it still works and a lot of people still use it.

这指的是什么类型的问题？

Answer 1

最明显的一个已经提到了，it would replace a previously assigned handler .

document.getElementById('id') 应该适用于所有浏览器，除了非常旧的浏览器 (Netscape 4-, IE 4-) ，你应该分别使用 document.layers['id'] 和 document.all[id] 。

IE 5 到 IE 7 have one more issue ，即它们还将返回 name='id' 的元素，而不是仅返回 id='id' 的元素。这真的会让你感到厌烦。

看看jQuery一种附加 DOM 事件处理程序的方法，可避免浏览器兼容性问题。