如何更新addEventListener？

Question

我即将更新我的代码以使用addEventListener()而不是在javascript中写入element属性.

在我这样做之前,我想验证一些事情.

1.)我假设我不必调用removeEventListener(),如果我更新DOM并删除元素(通过.innerHTML写).

2.)流行的现代浏览器支持addEventListener - IE9,Chrome,Firefox,Safari

3.)现代浏览器中没有其他问题可能出现.

我问bc我不想在更新我的代码时跳过枪.

笔记:

属性到事件关联(删除on).

• onkeypress - 按键
• onblur - >模糊
• onfocus - >焦点

研究

https://developer.mozilla.org/en/DOM/element.addEventListener(兼容性图表)

http://www.quirksmode.org/js/events_advanced.html

有关

JavaScript监听器,"keypress"不检测退格？

笔记

• 而不是返回虚假.使用preventDefault()可以阻止表单在输入时提交.

Answer 1

1. 你不必这样做。如果您不存储对 DOM 元素的引用（例如在意外的全局变量中），垃圾收集器应该将其清除。

2. 这就是浏览器支持。对于较旧的 IE，它的attachEvent()作用几乎相同。

3. 没什么你应该担心的。这是现代的方法。

注意：您可能想使用jQuery来实现跨浏览器。如果可能的话addEventListener，它使用的引擎盖下可以回退到attachEvent旧版 IE，并且还可以标准化您的事件对象，因此您不必担心差异。它也非常适合 DOM 操作和遍历。