如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接信息。

苏南大叔在本文中要描述一下jquery的on事件,虽然jquery的影响力越来越赶不上vue们。但是作为传统js的代表,还是有些代表性的。本文中,苏南大叔将要描述一组功能。如何在$(window)上绑定一个事件,如何触发这个事件,以及如何传递数据,以及如何移除这个事件。

绑定一个自定义事件

$(window).on("myevent",function(event,param1,param2){
  console.log("第一种绑定方式");
});
$(window).bind("myevent",function(event,param1,param2){
  console.log("第二种绑定方式",param1);
});

这里需要注意的一点是:第一个参数是event事件,并不是传统意义上由trigger中传递来的第一个真正的参数。在这点上,有一点绕,静心想想看。

触发一个自定义事件

$(window).trigger("myevent","param1","param2");

当然了,如果您没有数据要传递的话,就可以直接这样写。

$(window).trigger("myevent");

删除一个自定义事件

$(window).unbind("myevent");

效果截图

newsn.net:这里是【评论】可见内容

如果页面中有两个jquery的话,那么$(window)很有可能仅仅是其中某个window对象。绑定的事件,是和这个$对象紧密联系的。如果有两个jquery,就意味着有两个$对象(其中一个肯定改名了),两者的事件并非通用的。这点一定要注意。

小结

虽然苏南大叔也喜欢重复造轮子,不过在这里,苏南大叔并不想重新造这个轮子。既然jquery做了很好的封装,那么我们就拿来用吧。考虑到不得人心的ie系列,这种兼容写起来做也是很痛苦的。

一些苏南大叔的jquery相关经验文章呢,可以点击这里查看。https://newsn.net/tag/jquery/

  【jquery】秘籍文章入口,仅传授于有缘之人  jquery

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

打赏任意金额,发送截图到邮箱 shang@newsn.net ,可以领取精选回馈如下(任选其一):
  • 《前端视频教程大礼包》一套
  • 《wordpress精选皮肤》一套
  • 《dedecms织梦精选模板》一套
感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!

岁月静好

关注互联网发展,关注苏南大叔的《程序如此灵动~》博客
本文章来自:程序如此灵动~
博客地址为:https://newsn.net/
原文地址为:https://newsn.net/say/jquery-winodw-on.html
上一篇好文:pecl安装卸载模块,如何自动配置php.ini
下一篇好文:如何卸载xmirror,细数xmirror的三宗罪

如果您转载了本文章,出于某种原因,并没有注明作者或者出处。
在这里,苏南大叔也表示理解和支持。因为苏南大叔深深地明白:
您会在合适的时机,合适的地方,给本博客一个外链。对吧?
您若开心,便是安好!岁月静好,但愿世界和平,没有纷争~