鼠标事件
1.事件:
事件,是一种可以被js检测到的行为,本质是一种交互操作
事件的作用:
① 各个元素之间可以借助事件进行交互
② 用户和页面之间也可以通过事件交互
③ 后端和页面之间也可以通过事件交互
注意,事件通常与函数配合使用,事件发生时触发函数执行
2.鼠标事件
1.js鼠标事件是指通过鼠标一系列操作(如点击、进入等)来出发的时间
onclick: 鼠标单击触发
ondblclick: 双击触发
onmouseover: 鼠标移动上面触发
onmouseout: 鼠标离开时触发
onmousemove: 鼠标在上面移动时触发
onchange: 只要内容改变触发
onblur: 失去焦点时触发
onfocus: 获得焦点时触发
onkeydown: 按键按下的时候触发
onkeyup:按键抬起来的时候触发
onkeypress:事件在用户按下并放开任何字母数字键时发生。但是系统按钮(例如:箭头键、功能键)无法得到识别。
2.鼠标事件原则
鼠标的基本事件默认采用冒泡传递
可以给一个节点添加多个鼠标事件,不同的鼠标事件之间互不影响
mouseenter和mouseleave两个事件为不冒泡事件