JS - 常用事件总结

---

什么叫做事件 ?

所谓的事件，是浏览器监听用户行为的一种机制。
比如，当用户使用鼠标 “点击” 一个按钮，会触发该按钮的“点击”事件 如果此时我们想要执行代码 就可以通过JS脚本设置“点击”事件

事件的分类 :

鼠标事件

click 点击事件
dblclick 双击事件
mousedown 鼠标按下事件
mouseup 鼠标抬起事件(一次click包含一次mousedown和一次mouseup)
mouseover 鼠标进入事件
mouseenter 鼠标进入事件(阻止事件冒泡)
mouseout 鼠标离开事件
mouseleave 鼠标离开事件(阻止事件冒泡)
mousemove 鼠标移动事件

键盘事件

keydown 键盘键被按下
keyup 键盘键被松开
keypress 输入

浏览器的事件

load 页面中所有资源都被加载完毕的时候
scroll 页面的卷动

焦点事件

focus 当一个元素获取到焦点时
blur 当一个元素失去焦点时

移动端事件

touchstart 触摸开始事件 会在手指按下的时候触发
touchmove 触摸并移动 会在手指按下并移动的时候触发
touchend 触摸结束事件 会在手指离开的时候触发

其它事件

animationstart 动画开始时触发
animationend 动画结束时触发
transitionend 过渡结束时触发

绑定事件

绑定事件的第一步 获取元素

  // HTML代码
  点我试试看
  // JS代码
  function click() {
      console.log("你好");
  }
  btn.onclick = click;