网页事件类型全解析
1. 焦点事件
焦点事件主要用于处理元素获得或失去焦点的情况。以下是几种常见的焦点事件:
- DOMFocusIn :当元素获得焦点时触发,它是 focus
事件的冒泡版本,不过在 DOM Level 3 Events 中已被 focusin
取代。
- DOMFocusOut :当元素失去焦点时触发,是 blur
事件的通用版本,在 DOM Level 3 Events 中被 focusout
取代。
- focus :元素获得焦点时触发,该事件不冒泡,所有浏览器都支持。
- focusin :元素获得焦点时触发,是 focus
事件的冒泡版本。
- focusout :元素失去焦点时触发,是 blur
事件的通用版本。
当焦点在页面上从一个元素移动到另一个元素时,事件触发顺序如下:
1. 失去焦点的元素触发 focusout
事件。
2. 获得焦点的元素触发 focusin
事件。
3. 失去焦点的元素触发 blur
事件。
4. 失去焦点的元素触发 DOMFocusOut
事件。
5. 获得焦点