事件分类
作者:互联网
## 事件分类
-过第二遍,第三遍的时候注重点不同!!!
鼠标事件:
onclick
onm ouseover onm ouseout 【冒泡】
onm ouseenter onm ouseleaver 【不冒泡】
onfocus onblur
onm ousemove/onmouseup/onmousedown
总结:
onm ouseenter:对儿子绑定,鼠标放到父亲也可以响应
-只会经过自己才触发
-mouseenter:不会冒泡
onm ouseover:每一次鼠标到儿子,父亲身上都会响应
-鼠标经过自身盒子会触发;经过子盒子还会触发
-【原因:mouseover会冒泡】
oninput:监听是否有输入的时候
contextmenu:阻止鼠标右键
键盘事件
onkeyup
onkeydown
onkeypress
总结:
keyup,keydown可以识别
keypress:功能键是无法识别的!ex:control shift 左右箭头
键盘事件对象的keyCode,即event.keyCode:按键的ascii码 a:65//91
keyup,keydown: 不能识别大小写 空格:32
keypress:区分大小写
event整理:
clientX clientY 可视区域的x,y坐标
pageX pageY 页面文档
screenX screenY 电脑屏幕
案例:
京东输入框:
1:默认值
2:获取焦点,默认值背景色变浅 onfocus
3:输入值,默认值消失 oninput
4: 输入值为空,回复默认值
标签:触发,oninput,鼠标,分类,冒泡,默认值,事件 来源: https://www.cnblogs.com/macro-renzhansheng/p/12936490.html