美文网首页
解密jquery中trigger和triggerHandler的

解密jquery中trigger和triggerHandler的

作者: 李贵功 | 来源:发表于2018-08-16 20:54 被阅读0次
    $(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被触发了输出了)

    相关文章

      网友评论

          本文标题:解密jquery中trigger和triggerHandler的

          本文链接:https://www.haomeiwen.com/subject/xgtabftx.html