达言教育
您的当前位置:首页JQueryfocus()和focusin()的区别详解

JQueryfocus()和focusin()的区别详解

来源:达言教育


简单的说就是focus()不支持冒泡而focusin()支持冒泡

举例说明:
HTML

<p id="p1">
 <input type="text"></p>

如果是focus(),则必须写出成

 $('input').on('focus',function(){
 alert(123);
 });

写成

 $('#p1').on('focus',function(){
 alert(123);//无效
 });

而focusin()
写成

 $('#p1').on('focusin',function(){
 alert(123);//有效
 $('#p1').off('focusin');
 });

简单的说就是focus()不支持冒泡而focusin()支持冒泡

举例说明:
HTML

<p id="p1">
 <input type="text"></p>

如果是focus(),则必须写出成

 $('input').on('focus',function(){
 alert(123);
 });

写成

 $('#p1').on('focus',function(){
 alert(123);//无效
 });

而focusin()
写成

 $('#p1').on('focusin',function(){
 alert(123);//有效
 $('#p1').off('focusin');
 });
显示全文