首页 > 文章 > web前端 > JQuery focus()和focusin()的区别详解

JQuery focus()和focusin()的区别详解

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

举例说明：
HTML

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

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

    $(&#39;input&#39;).on(&#39;focus&#39;,function(){
        alert(123);
    });

写成

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

而focusin()
写成

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

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

举例说明：
HTML

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

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

    $(&#39;input&#39;).on(&#39;focus&#39;,function(){
        alert(123);
    });

写成

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

而focusin()
写成

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

以上是JQuery focus()和focusin()的区别详解的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

查看更多