JQuery focus()和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');
    });

以上是JQuery focus()和focusin()的區別詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！