• JQ中 trigger()和triggerHandler()区别


    既然使用了trigger和triggerHandler,那么你应该了解了他们的差别了。

    trigger():在每一个匹配的元素上触发某类事件。

    triggerHandler():这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。

    看似两个非常相似,但是表同里不同!

    下面就是他们之间的三大区别:

      第一:trigger会导致浏览器同名的默认行为的执行,如:trigger('submit');不但会执行submit()函数的效果,也会执行表单提交的效果;

         而triggerHandler就不会导致默认行为的执行

      第二:triggerHandler只会触发JQ对象集合中第一个元素的事件处理函数,也不会产生事件冒泡。而trigger不同

      第三:这个方法的返回时事件处理函数的返回值,而不是具有可链性的JQ对象,此外,如果最开始的JQ对象集合为空,则返回undefined.

      特别是第二条,关于这个bug的 ticket。关于这个问题的 commit。jQuery自己实现了一个event对象用于解决浏览器间的差异问题。可是由于有mouseenter/mouseleave等非标准事件的存在,jQuery引入了special事件的子系统,让原生事件回到模拟事件的事件列队中,可是这个系统并不能解决所有问题,当使用trigger.focus时,IE下会错误地执行两次回调。

      triggerHandler是对trigger产生这种问题的解决方法。但是使用triggerHandler时你会发现input是没有光标focus效果的。

      

    解决方法

      除了用triggerHandler另一个方法是在focus绑定事件中加上event.preventDefault()。

      可是你发现这不符合我们的期望呀,因为focus事件回调执行了,但是连个focus效果都没有。

    最终解决方法

      既然是jQuery封装的关系,那我们用原生的事件就可以了。看演示,左边是用原生事件触发的,右边用triggerHandler。

      $('input')[0].focus();

      

  • 相关阅读:
    前端 http协议 四大特性 web本质 -响应状态码 列表标签 表单操作 form表单 # 44 HTML
    断点传续 # 补充 mysql
    优酷系统 # 41-43
    css控制 只显示一行 强制不换行 超出用...表示
    点击返回上一页面
    jquery实现点击按钮变换背景颜色
    js,同意后,才可已点击注册按钮
    用div+css生存太极图案
    使用tp5,显示页面错误信息
    vue项目搭建步骤
  • 原文地址:https://www.cnblogs.com/wymbk/p/5695868.html
Copyright © 2020-2023  润新知