首页 > 技术文章 > jQuery中的事件处理(模拟用户的操作触发事件)

abner-pan 2020-05-15 21:57 原文

1.trigger() 方法

  trigger() 方法触发被选元素上指定的事件以及事件的默认行为(比如表单提交)。

  语法:

    $(selector).trigger(event,eventObj,param1,param2,...)

  示例1:不带参

<script type="text/javascript">
    //入口函数
    $(document).ready(function()
        $("button").bind("click",function(){
            console.log($(this).text())
        }).trigger("click")
    })
</script>

  示例2:带参

<script type="text/javascript">
    //入口函数
    $(document).ready(function(){
        var a = $("button").bind("click",function(e,msg1,msg2){
            console.log(msg1+":"+msg2)
        })
        a.trigger("click",["abner","good"])
    })
</script>

 

2.triggerHandler() 方法

  triggerHandler() 方法触发被选元素上指定的事件。

  该方法的返回的是事件处理函数的返回值,而不是具有可链性的 jQuery 对象。此外,如果没有处理程序被触发,则这个方法返回 undefined。

  语法:

    $(selector).triggerHandler(event,param1,param2,...)

3.trigger()与 triggerHandler() 方法相比的不同之处:

  相同之处:

    用法相同

  不同之处:

    •   它不会引起事件(比如表单提交)的默认行为
    • .  trigger() 会操作 jQuery 对象匹配的所有元素,而 .triggerHandler() 只影响第一个匹配元素。
    •   由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡;如果目标元素不直接处理它们,则不会发生任何事情。

推荐阅读