首页 > 其他 > 详细

鼠标\表单\触摸事件

时间:2021-06-29 23:12:04      阅读:28      评论:0      收藏:0      [点我收藏+]

浏览器事件
=> load
=> resize
=> scroll

鼠标事件:
=> over 和 out 一套, 当你移入后代元素的时候, 一样会触发
=> enter 和 leave 一套, 当你移入后代元素的时候, 不会触发

1. click: 鼠标左键单击
2. dblclick: 鼠标左键双击
3. contextmenu: 鼠标右键单击
4. mousedown: 鼠标按下(任何一个按键按下都会触发)
5. mouseup: 鼠标抬起
6. mousemove: 鼠标移动
7. mouseover: 鼠标移入
8. mouseout: 鼠标移出
9. mouseenter: 鼠标移入
10. mouseleave: 鼠标移出

表单事件:
=> form / input / textarea / select / ...

1. focus: 表单聚焦
2. blur: 表单失焦
3. change: 表单改变
=> 在失焦的时候判断, 如果和聚焦的时候不一样, 就会触发
4. input: 表单输入
=> 只要你在表单内输入内容或者删除内容都会触发
=> 随着你的操作, 只要文本内容改变了就会触发
5. reset: 表单重置事件
=> 事件需要绑定在 form 标签身上
=> 当你点击 reset 按钮的时候, 会触发 form 的表单重置行为, 此时触发事件
6. submit: 表单提交事件
=> 事件需要绑定在 form 标签身上
=> 当你点击 submit 按钮的时候, 会触发 form 的表单提交行为, 此时触发事件

触摸事件
+ 依赖触摸行为发生的事件
+ 注意: 触控板不算, 一定是直接可页面元素发生触摸行为

1. touchstart: 触摸开始
=> 当你的手指接触到屏幕的瞬间
2. touchmove: 触摸移动
=> 当你的手指在屏幕上移动
3. touchend: 触摸结束
=> 当你的手指离开屏幕的瞬间

其他事件

1. selectstart
+ 当你开始需要选中文本的时候触发

2. transitionend
+ 过渡结束的时候触发
+ 过渡多少个属性, 就触发多少回

=> selectstart
=> transitionend
=> transitionstart
=> animationend
=> animationstart

鼠标\表单\触摸事件

原文:https://www.cnblogs.com/shell1210/p/14951738.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!