zoukankan      html  css  js  c++  java
  • jquery的trigger和triggerHandler的区别示例介绍

    triggerHandler() 方法触发被选元素的指定事件类型。但不会执行浏览器默认动作,也不会产生事件冒泡。

    triggerHandler() 方法与 trigger() 方法类似。不同的是它不会触发事件(比如表单提交)的默认行为,而且只影响第一个匹配元素。

    与 trigger() 方法相比的不同之处

    • 它不会引起事件(比如表单提交)的默认行为
    • .trigger() 会操作 jQuery 对象匹配的所有元素,而 .triggerHandler() 只影响第一个匹配元素。
    • 由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡;如果目标元素不直接处理它们,则不会发生任何事情。
    • 该方法的返回的是事件处理函数的返回值,而不是具有可链性的 jQuery 对象。此外,如果没有处理程序被触发,则这个方法返回 undefined。                                                                                                                                                  看下面的例子就可以更加直白的理解   当用trigger()方法的时候:

    在浏览器中点击之后显示的效果是这样的

    但是如果是用triggerHandler()代码如下:

    单击之后的效果图是这样的:

    由此可以看出:

    当点击 checkbox的时候 checkbox勾上 并将input[type='text']赋值www.baidu.com 

    当点击 input[type='button'] 的时候 就会发生跟点击checkbox同样的事情 

    将trigger换成triggerHandler时候 当点击 input[type='button'] 的时候 就只会给input[type='text']赋值 而不会勾选checkbox 

    triggerHandler 阻止了 绑定事件的元素的默认行为

  • 相关阅读:
    python基础教程学习笔记十五
    使用win32imageinstall安装ubuntu
    python基础教程学习笔记十四
    python基础教程学习笔记十二
    ztpto图片轮播
    jQuery 获取屏幕高度、宽度
    h5新属性,可编辑的段落 contenteditable=“true”
    奋斗的奴隶博客中的牛逼js小测试
    ps4将图片弄成透明图片
    图片轮播,纯js+css
  • 原文地址:https://www.cnblogs.com/hr2014/p/3873949.html
Copyright © 2011-2022 走看看