事件触发时间：

focus:当focusable元素获得焦点时，不支持冒泡；
focusin:和focus一样，只是此事件支持冒泡；
blur:当focusable元素失去焦点时，不支持冒泡；
focusout:和blur一样，只是此事件支持冒泡；

以前一直以为所有事件都是支持冒泡的，都是可以cancel的，查阅了[MDN上相关资料]（https://developer.mozilla.org/en-US/docs/Web/Events）后，才发现有些事件支持冒泡，有些事件并不支持冒泡；有些事件有默认行为（这类事件可以cancel），有些事件压根儿就没有默认行为（这类事件就不能 cancel ）。

从 MDN 上可以清楚的看到 focus和blur这2种事件不支持冒泡，支持冒泡的事件是focusin和focusout。

事件触发顺序：

对于同时支持这4个事件的浏览器，事件执行顺序为focusin > focus > focusout > blur

转自：
https://segmentfault.com/a/1190000003942014

---

© admin for 可乐吧, 2016. | Permalink | No comment | Add to del.icio.us
Post tags:

您可能也喜欢：

DOMContentLoaded事件

JavaScript事件冒泡简介及应用

jQuery live()事件的使用

KeyPress、KeyDown事件键值问题

无觅

Feed enhanced by Better Feed from Ozh