首页 > Web开发 > 详细

jQuery中的事件处理(模拟用户的操作触发事件)

时间:2020-05-15 22:09:46      阅读:40      评论:0      收藏:0      [点我收藏+]

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 树中冒泡;如果目标元素不直接处理它们,则不会发生任何事情。

jQuery中的事件处理(模拟用户的操作触发事件)

原文:https://www.cnblogs.com/abner-pan/p/12897399.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!