鼠标事件

1.事件:

事件,是一种可以被js检测到的行为,本质是一种交互操作
事件的作用:
① 各个元素之间可以借助事件进行交互
② 用户和页面之间也可以通过事件交互
③ 后端和页面之间也可以通过事件交互
注意,事件通常与函数配合使用,事件发生时触发函数执行

2.鼠标事件

1.js鼠标事件是指通过鼠标一系列操作(如点击、进入等)来出发的时间

onclick: 鼠标单击触发

ondblclick: 双击触发

onmouseover: 鼠标移动上面触发

onmouseout: 鼠标离开时触发

onmousemove: 鼠标在上面移动时触发

onchange: 只要内容改变触发

onblur: 失去焦点时触发

onfocus: 获得焦点时触发

onkeydown: 按键按下的时候触发

onkeyup:按键抬起来的时候触发

onkeypress:事件在用户按下并放开任何字母数字键时发生。但是系统按钮(例如:箭头键、功能键)无法得到识别。

2.鼠标事件原则

鼠标的基本事件默认采用冒泡传递

可以给一个节点添加多个鼠标事件,不同的鼠标事件之间互不影响

mouseenter和mouseleave两个事件为不冒泡事件

 

posted on 2022-05-11 16:56  无心情泡面  阅读(125)  评论(0编辑  收藏  举报