介绍addEventListener JS中的resize函数

在JavaScript中，可以使用addEventListener方法来向元素添加事件监听器。一个常见的用法是在窗口大小发生改变时执行相应的函数。在这种情况下，可以使用resize事件。

resize事件

resize事件在窗口大小发生改变时触发。这个事件只能应用于全局window对象。使用resize事件可以执行响应式设计，为不同的设备和屏幕尺寸提供不同的布局。

addEventListener方法

addEventListener方法可用于向元素添加事件监听器，当事件被触发时执行相应的函数。它接受三个参数：事件类型，要执行的函数，和一个可选的布尔值，指定是否使用事件冒泡或事件捕获方式。在这种情况下，第一个参数是'resize'，第二个参数是要执行的函数，第三个参数可以省略。

以下是使用addEventListener方法添加resize事件监听器的示例代码：

window.addEventListener('resize', myFunction);

function myFunction() {
  console.log('Window size changed');
}

当窗口大小发生改变时，myFunction函数将被执行，控制台将输出'Window size changed'。

总结

使用addEventListener方法可以轻松地向元素添加事件监听器。当与resize事件一起使用时，可以实现响应式设计。