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

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

黄舟
Lepaskan: 2017-06-27 13:15:01
asal
2364 orang telah melayarinya

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

举例说明:
HTML

<p id="p1">
    <input type="text"></p>
Salin selepas log masuk
Salin selepas log masuk

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

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

写成

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

而focusin()
写成

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

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

举例说明:
HTML

<p id="p1">
    <input type="text"></p>
Salin selepas log masuk
Salin selepas log masuk

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

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

写成

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

而focusin()
写成

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

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan