关于 Chrome 浏览器中 onresize 事件的 Bug

我在写插件时用到了 onresize 事件,在反复地测试后发现该事件在 Chrome 及 Opera(内核基本与 Chrome 相同,以下统称 Chrome)浏览器打开时就会执行,这种情况也许不能算作 bug 吧,估计他们的工程师认为浏览器打开时也算窗口发生了变化。解决问题之前我搜索了相关内容,确实有关于 Chrome 的 onresize 的问题,但跟我遇到的问题还有很大不同。我把这个问题抽象为以下函数:

    function init() {

        alert('a');

        window.onresize = function() {

            init();
            
        }

    }

    init();

大家可以自行测试,在 Chrome 中会弹出两次 alert,而其它浏览器只会弹出一次 alert,因为 Chrome 浏览器打开时就执行了 onresize 事件。所以现在要解决的问题就是如何让 init() 函数在 Chrome 浏览器打开时只执行一次。

这个问题看似容易却很棘手。因为只有打开浏览器时才会有这个 bug,某种程度上属于无关紧要的问题。原本打算放掉这个问题,但是我是追求完美的人,遇到问题总会想尽办法解决。容我感慨一句,很多问题就像脑筋急转弯,转个弯就能解决。好了,废话不多说,直接贴代码,按照我之前的做法,我还是先将代码折叠起来,请大家以自己的方式解决一下,或许比我的方法更好,欢迎留言。

    function init() {

        var width = window.innerWidth;

        alert('a');

        window.onresize = function() {

            var width2 = window.innerWidth;

            if (width != width2) {

                init();
                
            }
        }

    }

    init();
View Code

相关文章:

  • 2021-08-03
  • 2021-05-25
  • 2021-06-19
  • 2021-12-06
  • 2022-01-11
  • 2022-01-25
  • 2021-05-31
猜你喜欢
  • 2021-09-17
  • 2022-12-23
  • 2021-08-21
  • 2021-12-19
  • 2022-12-23
  • 2021-12-06
相关资源
相似解决方案