`
dacoolbaby
  • 浏览: 1254147 次
  • 性别: 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实现长按按钮触发事件的方法

    主要介绍了jQuery实现长按按钮触发事件的方法,可应用于手机端应用程序的开发中,非常具有实用价值,需要的朋友可以参考下

    jQuery如何使用自动触发事件trigger

    主要介绍了jQuery如何使用自动触发事件trigger,需要的朋友可以参考下

    jquery获取并修改触发事件的DOM元素示例【基于target 属性】

    本文实例讲述了jquery获取并修改触发事件的DOM元素。分享给大家供大家参考,具体如下: 需求 当点击关注后,改变按钮样式并显示取消关注,如图     实现 利用jQuery的 target获取到触发该事件的dom,然后修改它 ...

    jquery中trigger()无法触发hover事件的解决方法

    jquery中trigger() 方法触发被选元素的指定事件类型了,但有使用过程中会碰到一些问题了,下面我们一起来看看jQuery中trigger()触发hover事件疑问,希望对各位有帮助。

    JQuery自动触发事件的方法

    主要介绍了JQuery自动触发事件的方法,涉及trigger()方法完成模拟操作的相关技巧,需要的朋友可以参考下

    jQuery页面上下滚动触发区块动画特效

    一款jQuery实现的当页面向下或向上滚动时,网页触发区块动画特效,很有弹性的动感效果。

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

    这个方法是jQuery 1.3中新增的一个引起触发事件的函数。 这里的事件就如jQuery的帮助文档中的事件那一栏,如:click, mouseover, keydown 等有动作的js事件,而像show, hide这是效果不是事件。 2.为什

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

    Jquery事件操作; 事件绑定与解绑;通过事件方法绑定事件:已经...trigger()方法触发事件:使用trigger()方法可以触发指定事件。;triggerHandler()方法触发事件:triggerHandler()方法在触发事件时不会执行元素的默认行为

    JQuery触发radio或checkbox的change事件

    在JQuery中,当给radio或checkbox添加一个change事件时,如果它的值发生变化就会触发change事件;本文将详细介绍如何利用JQuery触发Checkbox的change事件需要了解的朋友可以参考下

    基于jquery trigger函数无法触发a标签的两种解决方法

    下面小编就为大家分享一篇基于jquery trigger函数无法触发a标签的两种解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    jquery实现回车键触发事件(实例讲解)

    下面小编就为大家分享一篇jquery实现回车键触发事件的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    jquery鼠标滚轮事件

    jquery鼠标滚轮事件jquery鼠标滚轮事件jquery鼠标滚轮事件jquery鼠标滚轮事件jquery鼠标滚轮事件jquery鼠标滚轮事件jquery鼠标滚轮事件

    jquery实现勾选复选框触发事件给input赋值

    jquery点击复选框触发事件给input赋值-柯乐义</title><base target=”_blank” /> <style type=”text/css”> * { margin: 0; padding: 0; list-style-type: none; } a, img { border: 0; text-...

    jquery实现input输入框实时输入触发事件代码

    代码如下: <input id=”productName” name=”productName” class=”wid10″ type=”text” value=”” /> 代码如下: //绑定商品名称... 代码如下: searchProductClassbyName 为触发后调用的方法; 实现效果:

    jQuery实现的回车触发按钮事件功能示例

    本文实例讲述了jQuery实现的回车触发按钮事件功能。分享给大家供大家参考,具体如下: <!DOCTYPE ...

    jquery-事件冒泡

    jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡...

    triggerTracker, 用于跟踪jQuery事件的jQuery调试工具.zip

    triggerTracker, 用于跟踪jQuery事件的jQuery调试工具 triggerTrackerTriggerTracker... 它是一个单独的JavaScript文件,当加载时,它向与jQuery事件触发和事件处理程序相关的浏览器的控制台提供输出。兼容性triggerTr

    基于jQuery的select下拉框选择触发事件实例分析

    本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法。分享给大家供大家参考,具体如下: 我一直以来都认为,select 下拉框选择对选项 options 使用 onclick 注册事件即可,如下: <select> 选项一...

Global site tag (gtag.js) - Google Analytics