`
dacoolbaby
  • 浏览: 1267506 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jQuery 使用trigger手动触发事件

阅读更多

因为最近接到需求,要该前端页面展示。

尽管这个东西敢情对用户没啥太大的影响,单对于我们这种可怜的小码农来说,需求就是一切,所以,改吧。

 

为了更方便地开发代码,我在jQuery用了很多事件触发的函数。

比如DOM结构是:

tr

  td

     input

  td

     input

 

我要触发一个已经写好的事件,可以使用到jQuery的trigger函数。

这样就不需要为了实现这个已有的功能在重新写一次了。

 

你可以有三种方式指定事件类型:
        * 你可以传递字符串型的事件名称(type参数)。
        * 你可以使用jQuery.Event对象。可以将数据放进这个对象,并且这个对象可以被触发的事件处理函数获取到。
        * 最后,你可以传递一个带有数据的字面量对象。他将被复制到真正的jQuery.Event对象上去。 注意在这种情况下你必须指定一个 type 属性。
返回值 : jQuery
参数 :
type (String,Event,Object) : 一个事件对象或者要触发的事件类型
data (Array) : (可选)传递给事件处理函数的附加参数

示例 :
提交第一个表单,但不用submit()
jQuery 代码:

$("form:first").trigger("submit") 

--------------------------------------------------------------------------------
给一个事件传递参数
jQuery 代码:

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

--------------------------------------------------------------------------------
下面的代码可以显示一个"Hello World"
jQuery 代码:

$("p").bind("myEvent", function (event, message1, message2) {
  alert(message1 + ' ' + message2);
});
$("p").trigger("myEvent", ["Hello","World!"]); 

 

 

 

 

分享到:
评论

相关推荐

    JQuery自动触发事件的方法

    在现代Web开发中,使用JQuery自动触发事件是一个非常有用的技巧,可以帮助开发者模拟用户的交互行为,而无需用户手动去触发相应的事件。JQuery作为一款强大的JavaScript库,提供了多种方法来帮助开发者轻松实现这一...

    不要使用jQuery触发原生事件的方法

    此外,许多JavaScript框架和库也提供了类似`trigger`的方法来手动触发事件。例如,MooTools中的`fireEvent`方法。因此,本篇讨论的概念不仅适用于jQuery,还适用于其他工具库,如MooTools等。 在实际开发过程中,...

    jquery事件

    可以使用`trigger()`方法手动触发事件,例如`$("#myButton").trigger('click')`,这会执行所有绑定到该元素的点击事件处理函数。 8. **事件链** jQuery支持链式调用,因此可以在一个选择器上连续绑定多个事件,如...

    jQuery参考手册-事件总结

    2. **trigger()**: 使用 `trigger()` 方法可以手动触发已绑定的事件。例如: ```javascript $("#myElement").trigger("click"); ``` 这将模拟对ID为`myElement`的元素的点击。 3. **click()**: `click()` 是 `bind...

    jQuery第4天知识点:jQuery节点操作、jQuery特殊属性操作、jQuery事件机制.zip

    3. 触发事件:`.trigger("event")`可以手动触发事件,例如`$("#element").trigger("mouseenter")`。 4. 阻止默认行为:`event.preventDefault()`阻止元素的默认行为,如链接的跳转或表单的提交。 5. 阻止冒泡:`...

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

    首先,我们需要了解在浏览器的原生API中,有`dispatchEvent`(W3C标准)和`fireEvent`(IE特有)两种方法用于手动触发事件。然而,在jQuery中,并没有直接使用这两个原生方法。相反,jQuery使用了自定义的事件触发...

    jQuery使用手册及实例

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

    Trigger和TriggerHandler区别

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

    jQuery中trigger()方法用法实例

    - 使用trigger()方法触发事件时,应该确保不会无意中触发不应触发的事件处理函数,比如可能会触发默认动作的事件。 - 在使用trigger()方法时,要留意事件冒泡的行为,可以通过event.stopImmediatePropagation()阻止...

    jQuery中trigger()与bind()用法分析

    你可以通过调用此方法来模拟用户行为,触发事件,如: ```javascript $('p').trigger('click'); ``` 上面的代码会使得所有段落元素执行其上的点击事件处理函数。 ### `trigger()` 的优势 虽然直接在`bind()`后面...

    详解jQuery中的事件

    jQuery还有其他事件处理函数,如`unbind()`用于解绑事件,`live()`和`delegate()`用于动态添加的元素的事件处理(现已被`on()`取代),以及`trigger()`用于手动触发事件。这些函数共同构建了jQuery强大的事件处理...

    使用jQuery快速高效制作网页交互特效.zip

    3. **事件处理**:jQuery让绑定和触发事件变得简单,例如使用$.on()来监听事件,$.off()取消绑定,以及$.trigger()手动触发事件。 4. **动画效果**:jQuery的动画功能非常强大,如$.fadeIn()淡入效果,$.slideUp()...

    Learning from jQuery

    本书介绍了如何使用jQuery的`.trigger()`方法来手动触发事件,这对于动态更新页面内容非常有用。 #### 移除事件处理器 为了提高应用性能,当不再需要某些事件监听器时,应该及时移除它们。书中详细解释了如何使用`....

    jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理

    2. **冒泡模拟**: 在某些情况下,事件可能需要模拟冒泡,例如当使用`.trigger()`方法手动触发事件时。jQuery通过封装相关逻辑来模拟这一过程。 #### 三、手动触发事件 jQuery提供了多种方法来触发事件,例如使用`....

    jQuery事件函数共4页.pdf.zip

    4. **$.trigger()**:使用此函数可以手动触发一个事件,即使该事件没有被用户行为触发。这在某些场景下,比如数据同步或模拟用户交互时非常有用。 5. **$.click()**,**$.mouseover()**,**$.keydown()**等:这些是...

    [jQuery] 事件和动画详解

    `trigger()`方法可以手动触发绑定的事件,例如`$("#mydiv").trigger("click")`。 【jQuery动画】 jQuery的动画功能让开发者能够轻松创建丰富的视觉效果。主要的动画方法包括: 1. `fadeIn()`, `fadeOut()`: 用于...

    [jQuery入门到精通]第5章:事件与事件对象[收集].pdf

    jQuery还提供了一些方便的事件处理辅助方法,如`.trigger()`用于手动触发事件,`.off()`用于移除事件绑定,`.one()`用于只执行一次的事件绑定。这些方法简化了事件管理,提高了代码的可读性和可维护性。 总结来说,...

    《jQuery权威指南》学习笔记之第4章 jQuery中的事件与应用

    jQuery提供了`.trigger()`方法来手动触发事件。例如,`$("#myElement").trigger("click")`会模拟对"#myElement"元素的点击操作。 ### 六、事件绑定与解绑 除了`.on()`方法绑定事件,还有`.off()`方法用于解除事件...

Global site tag (gtag.js) - Google Analytics