当前位置: 移动技术网 > IT编程>网页制作>CSS > Onmouseover、onmousemove、onclick、onmouseup和onmousedown之间的区别介绍

Onmouseover、onmousemove、onclick、onmouseup和onmousedown之间的区别介绍

2019年04月30日  | 移动技术网IT编程  | 我要评论

onmouse***是javascript的用法,mouse**和click是jquery的用法

1.onmousedown:当鼠标的任一键被按下时触发设置,强调是按下的瞬间

2.onclick:鼠标按下之过后触发该事件,发生在onmousedown和onmouseup之后,此功能要求必须在规定区域内按下,并弹起时才会触发,只检测鼠标的左键

3.onmouseup:当鼠标弹起时触发该事件,无论在哪里按下的鼠标只要在目标区域内弹起就会触发该事件,检测鼠标的左右键和滚轮

4.onmouver:当鼠标扫过时触发该事件,强调移入移出的过程

5.onmouseout:当鼠标移开时触发该事件

6.onmousemove:当鼠标移动时触发该事件,与onmouseover的区别在于,onmouseover有一个移入移出的过程,在时间点上onmousemove比onmouseover先触发。动作上 onmouseover 只在刚进入区域时触发。 onmousemove 除了刚进入区域触发外,在区域内移动鼠标,也会触发该事件

当使用onmouseover控制当鼠标移动到该对象上时触发设置的样式时,当鼠标移到该对象上时点击鼠标左键触发的样式会带有onmouseover的样式,原因是在当鼠标点击时也会有刚进入该对象时的事件。当使用onmouseover控制移到该对象上时的样式时,点击鼠标时不触发移动到该对象时的样式则使用onmousedown代替onclick的功能。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网