推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
hgjian

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

  •  
  •   hgjian · Apr 26, 2020 · 2511 views
    This topic created in 2217 days ago, the information mentioned may be changed or developed.
    请问我,绑定以下事件:
    $(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 replies    2020-04-26 21:30:19 +08:00
    hgjian
        1
    hgjian  
    OP
       Apr 26, 2020
    没有人帮忙吗
    ysc3839
        2
    ysc3839  
       Apr 26, 2020
    https://jsfiddle.net/2pgozjaq/
    我在 jsfiddle 上测试是没问题的。
    hgjian
        3
    hgjian  
    OP
       Apr 26, 2020
    好吧,我灵光一闪,好像是搞明白了,
    执行,$(window).off("resize" , window.a_function ); 的时候,如果 window.a_function 未定义;
    就相当于执行 $(window).off("resize" ); 所以导致 $(window).off("resize" , window.a_function ); 的 a 函数也失效了;
    hgjian
        4
    hgjian  
    OP
       Apr 26, 2020
    @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
        5
    ysc3839  
       Apr 26, 2020   ❤️ 1
    @hgjian 应该是的,此时 window.a_function 是 undefined,传递进去后 jQuery 会认为没传这个参数。
    hgjian
        6
    hgjian  
    OP
       Apr 26, 2020
    @ysc3839 感谢回复
    hgjian
        7
    hgjian  
    OP
       Apr 26, 2020
    @ysc3839 给你发感谢币了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2785 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 10:18 · PVG 18:18 · LAX 03:18 · JFK 06:18
    ♥ Do have faith in what you're doing.