zoukankan      html  css  js  c++  java
  • 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 树中冒泡;如果目标元素不直接处理它们,则不会发生任何事情。
  • 相关阅读:
    温故而知新-错误和异常处理
    温故而知新-面向对象的PHP
    Django框架之模板语法【转载】
    django2.0实现数据详情页展示的流程
    django2.0表的ORM字段类型和展示
    Fatal error: Cannot use object of type PHPExcel_RichText as array
    django2.0数据展示流程
    django2.0模板相关设置
    django2.0新增功能流程
    django2.0设置默认访问路由
  • 原文地址:https://www.cnblogs.com/abner-pan/p/12897399.html
Copyright © 2011-2022 走看看