JS事件类型有哪些？
JavaScript可以处理的事件类型为：鼠标类型、键盘类型和HTML类型！
注意：所有的事件处理函数都由两个部分组成，on+事件名称。
例如：click事件，处理函数就是onclick！
鼠标事件
click：单击鼠标按钮时触发；
dblclick：当用户双击主鼠标按钮时触发；
mousedown：当用户按下鼠标还未弹起时触发；
mouseup：当用户释放鼠标按钮时触发；
mouseover：当鼠标移到某个元素上方时触发；
mouseout：当鼠标移出某个元素上方时触发；
mousemove：当鼠标指针在元素上移动时触发；
mouseenter：在鼠标光标从元素外部首次移动至元素范围内触发，不参与冒泡；
mouseleave：鼠标移出；
wheel: 鼠标滚轮滑动时触发，滚动条到底也会触发 // 先触发自己的滚轮事件，再移动滚动条
键盘事件
keydown：当用户按下键盘上任意键时触发，如果按住不放，会重复触发；
keyup：当用户释放键盘上的键触发；
keypress：当用户按下键盘上的字符键时触发，如果按住不放，会重复触发；
HTML事件
load：当页面完全加载后在window上面触发，或当框架集加载完毕后在框架集上触发；
unload：当页面完全卸载后在window上面触发，或当框架集卸载后在框架集上触发；
select：当用户选择文本框（input或textarea）中的一个或多个字符触发；
change：当文本框（input或textarea）内容改变且失去焦点后触发；
input：输入；
focus：当页面或者元素获得焦点时在window及相关元素上面触发；
blur：当页面或元素失去焦点时在window及相关元素上触发；
submit：当用户点击提交按钮在<form>元素上触发；
reset：当用户点击重置按钮在<form>元素上触发；
resize：当窗口或框架的大小变化时在window或框架上触发；
scroll：当用户滚动带滚动条的元素时触发；//滚动条到底不触发
vue 事件修饰符
- prevent 阻止默认冒泡
- stop 阻止事件冒泡
- once 事件只触发一次
- capture 使用事件的捕获模式
- self 只有event.target 是当前操作的元素时才触发事件
- passive 事件的默认行为立即执行，无需等到事件回调执行完毕
修饰符可以连续写，如 @click.prevent.stop="fn"
vue 键盘事件
键盘上的每个按键都有自己的名称和编码，例如:Enter (13)。而Vue还对一些常用按键起了别名方便使用
1.vue中常用的按键别名
- 回车 enter
- 删除 delete 捕获“删除” 和 “退格” 键
- 退出 esc
- 空格 space
- 换行 tab 特殊 ，必须配合 keydown 去使用
- 上 up
- 下 down
- 左 left
- 右 right
2.Vue未提供别名的按键，可以使用按键原始的key'值去绑定，但注意要转为kebab-case(多单词小写短横线写法)
3.系统修饰键（用法特殊) ctrl alt shift meta( meta就是win键)
- 配合 keyup 使用:按下修饰键的同时，再按下其他键，随后释放其他键，事件才被触发指定ctr+y 使用@keyup.ctr.y
- 配合 keydown 使用：正常触发事件
4.也可以使用 keyCode 去指定具体的按键(不推荐)
5.Vue.config.keyCodes.自定义键名=键码，可以去定制按键别名
vue 表单修饰符
- lazy 使v-model会在change事件中同步。即message并不是实时改变的，而是在失焦或按回车时才更新。
- number 将用户的输入值转为数值类型。
- trim 过滤用户输入的首尾空白字符。
修改日志 :
- 增加表单修饰符 ~ 2023/4/10