JavaScript |
您所在的位置:网站首页 › 页面监听事件怎么写的 › JavaScript |
前言
resize 事件是在浏览器窗口大小发生变化时触发,利用该事件可以跟踪窗口大小的变化来动态调整页面的元素显示。 接下来利用 resize 事件实现一个小案例:监听浏览器窗口变化,实时获取该窗口的宽度和高度。 实现首先写一个获取窗口宽高的方法 const getWindowInfo = () => { const windowInfo = { width: window.innerWidth, hight: window.innerHeight } console.log(windowInfo); };然后监听 resize 事件 window.addEventListener('resize', getWindowInfo);这样就已经简单实现了,不过这种方式会导致触发方法的频率很高 现在就可以了,该方法只会在窗口停止变化的 500 毫秒后触发一次 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |