前端面试 第二篇 js 事件
原文中文,约14400字,阅读约需35分钟。
📝
内容提要
本文讲述了作者学习JavaScript的经历和对JavaScript事件的理解,包括事件概念、类型、处理程序、事件流和模型。还介绍了DOM0、DOM2和IE事件模型的特点和区别,并给出了示例代码。最后总结了行内绑定和addEventListener绑定事件的执行顺序和优先级。
❓
Q&A
JavaScript事件是什么?
JavaScript事件是指在Web页面中产生的交互性动作或状态改变,如点击按钮、键盘输入等。
事件流的三个阶段是什么?
事件流包括捕获阶段、目标阶段和冒泡阶段,描述了事件在DOM树中的传递和处理方式。
DOM0、DOM2和IE事件模型有什么区别?
DOM0事件模型只支持冒泡阶段且只能绑定一个事件处理器;DOM2事件模型支持多个事件监听器和事件流;IE事件模型只支持目标阶段和冒泡阶段。
如何使用addEventListener绑定事件?
使用addEventListener方法可以向指定目标增加事件监听器,支持多个监听器和灵活的事件处理。
行内绑定事件和addEventListener的优先级如何?
行内绑定事件的优先级高于通过addEventListener绑定的事件,后者在冒泡或捕获阶段执行。
如何移除通过addEventListener绑定的事件?
使用removeEventListener方法可以移除之前通过addEventListener绑定的事件监听器。
🏷️