章节
问答
课签
笔记
评论
占位
占位

jQuery自定义事件之trigger事件

众所周知类似于mousedown、click、keydown等等这类型的事件都是浏览器提供的,通俗叫原生事件,这类型的事件是需要有交互行为才能被触发。

在jQuery通过on方法绑定一个原生事件

$('#elem').on('click', function() {
    alert("触发系统事件")
 });

alert需要执行的条件:必须有用户点击才可以。如果不同用户交互是否能在某一时刻自动触发该事件呢? 正常来说是不可以的,但是jQuery解决了这个问题,提供了一个trigger方法来触发浏览器事件

所以我们可以这样:

$('#elem').trigger('click');

在绑定on的事件元素上,通过trigger方法就可以调用到alert了,挺简单!

再来看看.trigger是什么?

简单来讲就是:根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为

trigger除了能够触发浏览器事件,同时还支持自定义事件,并且自定义时间还支持传递参数

$('#elem').on('Aaron', function(event,arg1,arg2) {
    alert("自触自定义时间")
 });
$('#elem').trigger('Aaron',['参数1','参数2'])

trigger触发浏览器事件与自定义事件区别?

  • 自定义事件对象,是jQuery模拟原生实现的
  • 自定义事件可以传递参数

 

 

任务

?不会了怎么办
||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最赞回答 / 金刚无敌葫芦娃
小白的理解,供参考,欢迎交流

最新回答 / 慕村3206165
bottonName是形参,从function(event,bottonName) 传递到 update($("span:first"), $("span:last"), bottonName);

最新回答 / Gan干
??????字字字

最赞回答 / 金刚无敌葫芦娃
你写这个我一看就懂,7.1教程里面的完全不懂写的什么另外为什么一个用on一个用bind?

最赞回答 / qq_慕用5511547
trigger这里讲的还是比较好一点 https://www.cnblogs.com/mmzuo-798/p/6822602.html

最赞回答 / 慕先生5247145
<...code...>bottonName =bottonName || 'first' 楼上的解释应该没错。新手,如果理解有偏颇还请指正,谢谢。

最新回答 / RDS_ray
你虽然删掉了代码但是浏览器还有缓存,如果你删除后提交在刷新就不行了

已采纳回答 / 熊熊不咆哮
看文本的提示是要了解trigger事件,也就是触发器。js部分的代码体现不出这个意思。

最新回答 / 金刚无敌葫芦娃
同感,感觉这系列教程是学过里面最差的

已采纳回答 / 慕姐2893314
作用: 创建一个事件对象Create a new jQuery.Event object without the "new" operator.不需要new操作符就可以创建一个事件对象。

最赞回答 / Richard_Li
buttonName是一个储存参数,buttonName没传参之前是不存在的,所以buttonName = buttonName||'first';这个返回的是'first',这个参数就是第一个span是first还是last,$("button:first").trigger('click','last');你这里传进去的参数

最赞回答 / qq_情迷二次元_0
    <script type="text/javascript">    //点击更新次数    $("button:first").click(function(event,bottonName) {   //给第一个按钮绑定一个click事件        bottonName = bottonName || 'first';            //如果bottonName未定义就用参数first        update($("span:first"),$("span:last...

已采纳回答 / Dreamone666
第36行写错了update($("span:first"),$("apan:last"),bottonName);     span:last 你写成了apan:last
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言