4Manuals

  • PDF Cloud HOME

为什么addEventListener(“ resize”)可能会触发? Download

    CSS / JS-如何覆盖一个孩子而不是其他孩子的父母过渡 反应:更改方向后触发重新渲染和offsetWidth的重新计算 我的Javascript从'string'转换为'integer'或'number'无效 如何删除外部索引并合并内部json 在React Native 图片无法通过javascript刷新 如何在react图表上的datakey中操作DateTime 在Cypress中保存变量 如何从作为请求传递的输入类型数据绑定中提取数据 通过dropzone laravel通过电子邮件发送多个图像

我有2个文件。我不知道为什么我要打1次。假设我将窗口的大小调整了1000倍,即i = 1000。单击窗口后,您将获得1001倍的喜讯,而不仅仅是1次。我有一个包含新的EventHandler()的小项目,我将窗口的大小调整了100倍,所以它滞后很多。如何避免这种情况呢? 顺便说一句,这是密码笔 https://codepen.io/pen/?editors=1111

file-A

export.class SayHi{
  constructor(){
    document.addEventListener("click",()=>{
      console.log("hi")
    })
  }
}

file-B

import SayHi from "./file-A"
var i=0;
var sayHi=new SayHi();
window.addEventListener("resize",()=>{
  i++
  sayHi=new SayHi();
  console.log(i)
})

1 个答案:

答案 0 :(得分:2)

resize事件确实引发了很多事情。在大多数台式机上,它会在调整大小过程中触发事件循环的每个周期。

为什么?因为每次调整大小都是一个单独的事件。

如果在调整大小后仅需要触发一个事件,则可以查看对事件进行反跳或限制操作。

Javascript debouncing and throttling on Window resize



Similar searches
    Tkinter页面从单独的文件更新 MapStruct:如何将属性从“ java.lang.Object映射到” java.lang.String” 实现-多个选择字段 flask sqlalchemy查询,该查询从一个表外部联接的总和返回分组依据为group的子表,以及一个带有变量和大小写的子查询,何时 使用:target,html5更改其他元素的样式