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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

这是一个创建于 2070 天前的主题，其中的信息可能已经有所发展或是发生改变。

请问我，绑定以下事件：
$(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 ); 也没有看出头绪来。

7 条回复 2020-04-26 21:30:19 +08:00

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 给你发感谢币了