解密jquery中trigger和triggerHandler的

$(function(){
    $("#username").focus(function(){
        console.log("text focus被触发了")
    })
                
    $("#btn1").click(function(){
        //触发一下text的focus
        $("#username").trigger("focus");
    });
    $("#btn2").click(function(){
        //触发一下text的focus
        $("#username").triggerHandler("focus");
    });
});

当点击#btn1和#btn2都会触发#username的事件函数(也就是说都会执行这个事件的回调函数在控制台中都会输出text focus被触发了),

区别:

trigger: 即会将回调函数执行,也会将相应的事件执行,(也就是这时候#username这个文本框已经获得到了焦点),
triggerHandler:只会执行这个回调函数,而不会去执行相应的事件(没有获得焦点,只是在控制台将text focus被触发了输出了)