jQuery mouseover() 方法
示例
当鼠标指针移到 <p> 元素上时,将背景颜色设置为黄色
$("p").mouseover(function(){
$("p").css("background-color", "yellow");
});
自己动手试一试 »
定义和用法
当鼠标指针移到选定元素上时,会发生 mouseover 事件。
mouseover() 方法可以触发 mouseover 事件,或者在 mouseover 事件发生时附加一个函数来执行。
注意: 与 mouseenter 事件不同,mouseover 事件会在鼠标指针移入选定元素的任何子元素时触发。mouseenter 事件仅在鼠标指针移入选定元素时触发。请参见页面底部的示例以获取演示。
提示:此事件经常与 mouseout 事件一起使用。
语法
为选定元素触发 mouseover 事件
$(selector).mouseover() 立即尝试
将函数附加到 mouseover 事件
$(selector).mouseover(function) 立即尝试
参数 | 描述 |
---|---|
function | 可选。指定在 mouseover 事件触发时运行的函数 |
亲手尝试 - 示例
mouseover()、mouseenter() 和 mousemove() 之间的区别
演示 mouseover()、mouseenter() 和 mousemove() 之间的区别。