请教 jq 的 $(window).on 和 $(window).off 事件?

2020-04-26 20:43:46 +08:00
 hgjian
请问我,绑定以下事件:
$(window).on("resize" , window.a_function ); // 绑定 $(window).resize 监听事件 ;
$(window).on("scroll", window.a_function ); // 绑定 $(window).scroll 监听事件 ;
$(window).resize(window.b_function ); // 绑定 $(window).resize 监听事件 ;
$(window).scroll(window.b_function ); // 绑定 $(window).scroll 监听事件 ;
然后使用 off 解除 a 函数的绑定:
$(window).off("resize" , window.a_function ); // 绑定 $(window).resize 监听事件 ;
$(window).off("scroll", window.a_function ); // 绑定 $(window).scroll 监听事件 ;

实际使用的时候,
off 为什么会导致 $(window).resize(window.b_function ); 和 $(window).scroll(window.b_function ); 也失效;
请问是为什么啊?

看了 jq 的源代码,off 依赖 jQuery.event.remove( this, types, fn, selector ); 也没有看出头绪来。
1990 次点击
所在节点    JavaScript
7 条回复
hgjian
2020-04-26 21:10:51 +08:00
没有人帮忙吗
ysc3839
2020-04-26 21:13:08 +08:00
https://jsfiddle.net/2pgozjaq/
我在 jsfiddle 上测试是没问题的。
hgjian
2020-04-26 21:21:12 +08:00
好吧,我灵光一闪,好像是搞明白了,
执行,$(window).off("resize" , window.a_function ); 的时候,如果 window.a_function 未定义;
就相当于执行 $(window).off("resize" ); 所以导致 $(window).off("resize" , window.a_function ); 的 a 函数也失效了;
hgjian
2020-04-26 21:25:37 +08:00
@ysc3839 请问
执行,$(window).off("resize" , window.a_function ); 的时候,是不是要判断 window.a_function 存不存在啊?
如果 window.a_function 不存在;
那么 $(window).off("resize" , window.a_function ); 的效果是不是等同于 $(window).off("resize" ); ?
是不是这样才导致的 b 函数也同时失效了?
看 jquery 源代码,好像是这么个意思啊?
ysc3839
2020-04-26 21:26:58 +08:00
@hgjian 应该是的,此时 window.a_function 是 undefined,传递进去后 jQuery 会认为没传这个参数。
hgjian
2020-04-26 21:29:51 +08:00
@ysc3839 感谢回复
hgjian
2020-04-26 21:30:19 +08:00
@ysc3839 给你发感谢币了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/666388

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX