欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-09-29 09:50:52
onmouse***是javascript的用法,mouse**和click是jquery的用法 1.onmousedown:当鼠标的任一键被按下时触发设置,强调是按下的瞬间...

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的功能。