在jQuery中,focusin/focusout与focus/blur有什么区别?

Rub*_*zzo 9 javascript jquery

我使用以下代码使用jQuery 1.7.2处理一些事件:

$().on('focus blur', function(event) {
  console.log(event.type);
});
Run Code Online (Sandbox Code Playgroud)

而且我注意到,event.type对于这两个事件,打印出来:focusinfocusout.

focusin/focusoutvs 之间有什么区别focus/blur

gdo*_*ica 22

简短的回答:focusin    泡沫,focus没有.
        focusout 泡沫,blur   没有.
阅读文档:

当focusin或其中的任何元素获得焦点时,focusin事件将被发送到元素.这与焦点事件的不同之处在于它支持在父元素上检测焦点事件(换句话说,它支持事件冒泡).

  • 为了减少混淆:"在**中它支持检测父元素上的焦点事件"是指**focusin**事件. (3认同)