jquery中的trigger和triggerHandler区别

我们在jQuery基础教程之如何注册以及触发自定义事件这篇文章中，有用到今天要讲的trigger方法。
今天我们来简单看看jquery中的trigger何triggerHandler方法的区别：
trigger( event, [data] )
在每一个匹配的元素上触发某类事件。
这个函数也会导致浏览器同名的默认行为的执行。比如，如果用trigger()触发一个’submit’，则同样会导致浏览器提交表单。如果要阻止这种默认行为，应返回false。
你也可以触发由bind()注册的自定义事件

$("p").click( function (event, a, b) {// 一个普通的点击事件时，a和b是undefined类型// 如果用下面的语句触发，那么a指向"foo",而b指向"bar"
} ).trigger("click", ["foo", "bar"]);

triggerHandler( event, [data] )
这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作.
如果你对一个focus事件执行了 .triggerHandler() ，浏览器默认动作将不会被触发，只会触发你绑定的动作:

为了让大家更好地理解这两者的区别，我在网上找来一个很棒的例子：

<button id="old">.trigger("focus")</button>
<button id="new">.triggerHandler("focus")</button><br><br>
<input type="text" value="To Be Focused">
<script>
$(function(){$("#old").click(function(){$("input").trigger("focus");});$("#new").click(function(){$("input").triggerHandler("focus");});$("input").focus(function(){$("<span>Focused!</span>").appendTo("body").fadeOut(1000);});
});
</script>

jquery中的trigger和triggerHandler区别相关推荐

关于jQuery中的trigger和triggerHandler方法的使用
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
jquery的trigger和triggerHandler区别
网上关于这个问题都是抄来抄去的,都没怎么说清楚.所以自己做了个测试,供大家参考指教.首先先看API怎么说的为了检验一下,编写了一个简单的测试代码,如下: <html lang="en ...
Jquery中attr与prop的区别
prop()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性,返回值是空字符串. attr()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性, ...
Jquery中bind和live的区别
Jquery中bind和live的区别 Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind(" ...
jQuery中eq和get的区别
jQuery中eq和get的区别相信大部份人都会把这2个的用法搞错.仔细查看下API文档就可以知道.eq返回的是一个jquery对象,get返回的是一个html 对象数组.举个例子: <p s ...
jQuery中append()和appendTo()的区别
[前言] 简单总结下jQuery中append()和appendTo()的区别 [主体] 1.简单理解 (插入对象不同) append()前面是被插入的对象,后面是要在对象内插入的元素内容 appen ...
JQuery中removeProp()与removeAttr()的区别，You know？
JQuery中removeProp与removeAttr的区别 1.removeProp()函数详解语法: 注意: 返回值移除onclick事件: 2.removeAttr() 函数详解语法: ...
php keydown,JQuery中keyUp和keyDown的区别详解
这篇文章主要是对JQuery中keyUp与keyDown的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助定义和用法完整的 key press 过程分为两个部分:1. 按键被按 ...
js中innerHTML和innerText jQuery中html()和text()的区别
js中innerHTML和innerText的区别 innerHTML innerHTML 会将标签和标签中的内容否获取回来 innerHTML .innerHTML = '<p>&l ...
jquery中.eq()与:eq()的区别
在jquery中这两种发法都用来匹配一个给定索引值的元素,但是在写法上稍有区别 .eq(): HTML 代码: <p> This is just a test.</p> < ...

jquery中的trigger和triggerHandler区别

jquery中的trigger和triggerHandler区别相关推荐

最新文章

热门文章