`
huzhiyong56
  • 浏览: 26868 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQUERY triggerHandler 与trigger的区别

 
阅读更多

这个方法的行为表现与trigger类似,但有以下三个主要区别:

* 第一,他不会触发浏览器默认事件。

* 第二,只触发jQuery对象集合中第一个元素的事件处理函数。

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

<script>
$(document).ready(function(){
//trigger:触发系统的click事件 
$("#old").click(function(){
$("input").trigger("focus");
});

//triggerHandler:不触发系统的click事件 
$("#new").click(function(){
$("input").triggerHandler("focus");
});
$("input").focus(function(){
$("<span>Focused!</span>").appendTo("body").fadeOut(1000);
});
});
</script>
</head>

<body>
<input type="button"/>

<button id="old">.trigger("focus")</button>
<button id="new">.triggerHandler("focus")</button><br/><br/>
<input type="text" value="To Be Focused"/>
</body>
 

 

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    jquery的trigger和triggerHandler的区别示例介绍

    主要介绍了jquery的trigger和triggerHandler的区别,需要的朋友可以参考下

    jQuery中triggerHandler()方法用法实例

    从上面定义可以看出此方法和trigger()方法功能上很类似,但还是有巨大区别。以下是主要区别: 1.此方法不会触发浏览器默认事件。 2.此方法触发jQuery对象集合中第一个元素的事件处理函数,不会产生事件冒泡。 3.此...

    jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析

    本文实例讲述了jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较。分享给大家供大家参考,具体如下: 前言: 最近在工作中做需求时发现了一个诡异的事情,在使用jQuery触发事件时,并不总是先...

    jQuery 1.4.1 中文参考

    8.2.4 triggerHandler(type, [data]) 124 8.2.5 unbind([type], [fn]) 125 8.3 事件委派 127 8.3.1 live(type, [data], fn) 127 8.3.2 die([type], [fn]) 130 8.4 事件切换 131 8.4.1 hover(over, out) 131 8.4.2 ...

    Web前端开发技术-Jquery事件操作.pptx

    事件绑定与解绑;通过事件方法绑定事件:已经用过了单个事件的绑定,是通过调用某个事件方法,传入事件处理函数来实现的,如click()、change()等。;jQuery常用事件方法:;jQuery常用事件方法:;jQuery常用事件方法:...

    jQuery 1.3 API 参考文档中文版 html

    * triggerHandler 进一步说明 * trigger 进一步说明 2009-01-17 22:37:11 +0800 * live() - 与bind()不同的是,live()一次只能绑定一个事件。 * [attribute!=value] jQuery 1.3中意义改变 * load 的data参数在...

    jQuery 1.5 API 中文版

    $.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...

    jQuery1.3API参考文档中文版

    * triggerHandler 进一步说明 * trigger 进一步说明 2009-01-17 22:37:11 +0800 * live() - 与bind()不同的是,live()一次只能绑定一个事件。 * [attribute!=value] jQuery 1.3中意义改变 * load 的data参数在...

    jquery1.11.0手册

    triggerHandler(type, [data]) unbind(t,[d|f]) 事件委派 live(type,[data],fn)1.7- die(type,[fn])1.7- delegate(s,[t],[d],fn) undelegate([s,[t],fn]) 事件切换 hover([over,]out) toggle([spe],[eas],...

    jQuery详细教程

    提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...

    Jquery 1.3 简体中文手册

    triggerHandler(type, [data]) unbind([type], [data]) 事件委派 live(type, fn) die([type], [fn]) 事件切换 hover(over, out) toggle(fn, fn2, [fn3, fn4, ...]) 事件 blur( [fn] ) change( [fn] ) click...

    JQuery 1.3 中文参考手册

    triggerHandler(type, [data]) unbind([type], [data]) 事件委派 live(type, fn) die([type], [fn]) 事件切换 hover(over, out) toggle(fn, fn2, [fn3, fn4, ...]) 事件 blur( [fn] ) change( [fn] ) click...

    jQuery1.4 API

    ) prevAll([expr]) prevUntil([expr]) siblings([expr]) 串联 andSelf() end() 事件页面载入 ready(fn) 事件处理 bind(type, [data], fn) one(type, [data], fn) trigger(type, [data]) triggerHandler(type, [data]...

    jquery需要的所有js文件

    jquery需要的所有js文件 /*! * jQuery UI 1.8.18 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * ...

Global site tag (gtag.js) - Google Analytics