JavaScript事件笔记

前言:

  1. 事件规定全部小写
  	2. on前缀只是绑定事件的一种方式, 并不是事件名称的写法

事件

// TODO

---

事件注意点

鼠标移入、移出、移动

事件类型	名称	描述
mouseenter	标移入	当鼠标移入某元素时触发
mouseleave	鼠标移出	当鼠标移出某元素时触发
mouseover	移入	当鼠标移入某元素时触发， 移入和移出其子元素时也会触发
mouseout	鼠标移出	当鼠标移出某元素时触发， 移入和移出其子元素时也会触发
mousemove	鼠标移动	：鼠标在某元素上移动时触发， 即使在其子元素上也会触发

总结:

​ 开发中, 鼠标移入、移出使用 mouseenter 、mouseleave

input 和 change 区别

首选必须清晰的知道这两个事件的触发时机:

1. input: 当表单控件的value值发生变化时就会触发(无需等到失去焦点)

2. change: 当表单控件的value值发生变化, 且失去焦点时触发

• input: 事件在vue中的应用:

  v-model指令就是通过input事件, 实时获取表单控件的变化值, 对数据进行劫持

• change事件在vue中的应用:
  v-model指令的.lazy修饰符