js 的事件类型

一.事件的分类

事件 类型	作用意义
UI事件	当用户在页面上的元素进行交互时触发
焦点事件	当元素获得或失去焦点时触发
鼠标事件	当用户通过鼠标在页面上执行操作时触发
滚轮事件	当使用鼠标滚轮时触发
文本事件	当在文档中输入文本时触发
键盘事件	当用户通过键盘在页面上执行操作时触发

 

1.UI事件 （UI事件指的是那些不一定与用户操作有关的事件）

(1) load

当页面完全加载后再window上面触发，当图像完全加载完在img元素上触发。
我们想要在页面完全加载完之后做出什么操作就可以这样：

(2) unload

当页面完全写卸载后在window上触发，与load事件正好相对应。只要用户从一个页面切换到另一个页面，就会触发unload事件。

而我们利用这个事件最多的办法是清除引用，以避免内存泄漏。

(3) resize

当浏览器窗口被调整到一个新的高度或者宽度的时候，这个事件就会被触发。

(4) scroll

当浏览器的滚动条在滚动的情况下，这个事件就会被触发。

点击查看代码

window.onresize = function(){
	console.log('窗口大小发生变化了。');
}

通用防抖函数

var debouce = (fu,time = 300) => {
  let timerId; 
  return function(...args){
    clearTimeout(timerId);
    timerId = setTimeout(() => {
      fu.apply(this,args);
    },time);
  };
}