cari

Rumah >hujung hadapan web >tutorial js >JQuery focus()和focusin()的区别详解

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

黄舟
黄舟asal
2017-06-27 13:15:012382semak imbas

简单的说就是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;);
    });

Atas ialah kandungan terperinci JQuery focus()和focusin()的区别详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery.focusin()函数的使用详解Artikel seterusnya：jQuery中focusin()与focus()以及find()于children()的区别

Artikel berkaitan

Lihat lagi