jquery的trigger和triggerHandler的区别示例介绍
浏览数：26 /
时间：2015年06月09日
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 阻止了 绑定事件的元素的默认行为
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
