`
huzhiyong56
  • 浏览: 27642 次
  • 性别: 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>
 

 

分享到:
评论
发表评论

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

相关推荐

    Trigger和TriggerHandler区别

    `trigger()` 和 `triggerHandler()` 都是jQuery提供的用于触发事件的方法,但它们的主要区别在于是否触发默认行为和事件冒泡。选择合适的方法取决于具体的应用场景和需求。通常情况下,如果只是想执行事件处理器中的...

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

    本文重点介绍了jQuery框架中两个非常重要的方法——trigger和triggerHandler的区别,并通过示例代码来演示它们的不同行为。在JavaScript开发中,事件处理是不可或缺的一部分。jQuery作为流行的前端框架,为我们提供...

    jQuery中triggerHandler()方法用法实例

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

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

    `jQuery.trigger()`和`jQuery.triggerHandler()`之间的主要区别如下: 1. **默认行为的执行**: - `trigger()`: 触发事件时,同时执行默认行为和事件处理函数。 - `triggerHandler()`: 只执行事件处理函数,不...

    jquery trigger函数执行两次的解决方法

    本文主要探讨了jQuery中trigger函数执行两次的问题及其解决方法。在实际的Web开发过程中,开发者可能会遇到使用jQuery的trigger函数触发事件时,在某些浏览器中事件被触发了两次的情况,比如本文中提到的Internet ...

    读jQuery之十四 (触发事件核心方法)

    在本篇文章中,我们深入探讨了jQuery库中的事件触发机制,特别是通过核心方法trigger和triggerHandler来模拟用户动作的能力。这些方法允许开发者在不直接与用户交互的情况下激活元素的事件处理器。在了解这些方法...

    jQuery中值得注意的trigger方法浅析

    两者的主要区别在于`trigger`会触发所有绑定的事件处理函数并执行默认行为,而`triggerHandler`仅执行绑定的处理函数,不执行默认行为。例如,对于输入框的`focus`事件,`trigger`会让输入框获得焦点,而`...

    jquery的说明文档

    - **DOM 事件**:`trigger()`, `triggerHandler()` 触发事件,`one()` 只触发一次的事件绑定。 ### 四、jQuery 与原生 JavaScript 的比较 jQuery 将 JavaScript 的许多操作封装成易于理解和使用的函数,降低了学习...

    jQuery使用手册及实例

    - **事件触发**:`trigger()`, `triggerHandler()` 用于手动触发事件。 - **事件阻止**:`preventDefault()`, `stopPropagation()` 可以阻止默认行为和事件冒泡。 4. **jQuery动画效果** - **基本动画**:`...

    jQuery 1.4.1 中文参考

    - `bind()`、`one()`、`trigger()`、`triggerHandler()`、`unbind()`:事件绑定、触发和解绑。 - `live()`、`die()`:事件委托。 - `hover()`、`toggle()`:鼠标悬停和切换事件。 - 各种事件方法(如`click()`、`...

    JQuery详解jQuery的bind方法

    除了这些标准事件外,jQuery 还提供了一些扩展事件,如 `.trigger()` 和 `.triggerHandler()`,这些方法可以手动触发事件或仅执行事件处理函数而不实际触发事件。 #### 四、命名空间 为了更好地组织和管理事件处理...

    jquery1.7 Api

    - `.triggerHandler()` 与`.trigger()`类似,但不会引发浏览器的默认行为,且只影响第一个匹配的元素。 8. **动画** - `.animate()` 方法用于创建平滑的动画效果,可以自定义动画参数。 - 1.7版本中,动画队列和...

    Jquery 1.7 api文档

    - `.trigger()`, `.triggerHandler()` 触发事件。 4. **动画效果(Animation)** - `.fadeIn()`, `.fadeOut()`, `.slideToggle()` 实现元素的淡入淡出和滑动切换。 - `.animate()` 允许自定义动画效果,通过指定...

    jquery事件

    除了浏览器提供的事件外,jQuery还允许创建自定义事件,通过`$.triggerHandler()`或`$.trigger()`触发,这在模块化编程或组件通信中很有用。 10. **事件性能优化** 考虑到性能,应避免在大型集合上绑定事件,而是...

    jQuery权威指南 PDF版本下载.txt

    - **触发事件**:通过 `$(selector).trigger(event)` 或 `$(selector).triggerHandler(event)` 可以手动触发事件。 - **解除绑定**:使用 `$(selector).off(event, handler)` 来解除绑定的事件处理器。 #### 4. ...

Global site tag (gtag.js) - Google Analytics