作者:爱上小胸女人 | 来源:互联网 | 2020-08-03 06:21
鼠标悬停事件是当鼠标的光标与其名称表示的元素重叠时触发的事件,本篇文章我们就来详细介绍一下Javascript中鼠标悬停事件的用法。
我们先来看一下什么是onmouseover?
鼠标悬停的活动是“事件”,而onmouseover是事件处理程序。
事件处理程序是指定事件发生时要执行的进程所必需的。
所以onmouseover是一个事件处理程序,负责当鼠标的光标悬停在某个元素上时完成的处理。
什么是onmouseleave?
除了onmouseover之外,还有onmouseleave。
顾名思义,它处理当鼠标光标离开某个元素时触发的事件。
在下面的示例中将使用这两个属性,我们来看鼠标悬停事件的使用代码
在上面的代码中,我们首先使用div标签创建了一个简单的正方形。
方块的背景颜色指定为浅粉色。
通过这样做,原来粉红色的正方形在将光标放在正方形时变成蓝色,在从正方形移开时变成红色。
以上就是Javascript中的鼠标悬停事件的用法详解的详细内容,更多请关注 第一PHP社区 其它相关文章!