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!"]); 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吐槽达达仔

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值