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


    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 树中冒泡;如果目标元素不直接处理它们,则不会发生任何事情。
  • 相关阅读:
    Linux中$含义
    Linux文本处理之grep
    MySQL8.0.15的安装与配置---win10
    Jenkins实现自动运行jmeter脚本
    Hystrix初识
    Feign初始
    AS的Gradle下载不成功
    Linux安装一些软件
    OAuth2初识
    IDEA无法打开等奇异问题终极解决方法
  • 原文地址:https://www.cnblogs.com/abner-pan/p/12897399.html
Copyright © 2020-2023  润新知