ホームページ >ウェブフロントエンド >jsチュートリアル >JQuery focus() と focusin() の違いを詳しく解説

JQuery focus() と focusin() の違いを詳しく解説

黄舟
黄舟オリジナル
2017-06-27 13:15:012343ブラウズ

簡単に言うと、 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;);
    });

と書く

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

と書かれ、 focusin()

    $(&#39;input&#39;).on(&#39;focus&#39;,function(){
        alert(123);
    });
と書かれます

以上がJQuery focus() と focusin() の違いを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。