jQuery mouseenter() 方法
示例
当鼠标指针进入 <p> 元素时,将背景颜色设置为黄色。
$("p").mouseenter(function(){
$("p").css("background-color", "yellow");
});
亲自试一试 »
定义和用法
当鼠标指针悬停在(进入)选定元素上时,就会发生 mouseenter 事件。
mouseenter() 方法触发 mouseenter 事件,或者附加一个函数在 mouseenter 事件发生时运行。
注意:与 mouseover 事件不同,mouseenter 事件仅在鼠标指针进入选定元素时触发。如果鼠标指针也进入任何子元素,则会触发 mouseover 事件。请参阅页面末尾的示例以进行演示。
提示:此事件通常与 mouseleave 事件一起使用。
语法
为选定的元素触发 mouseenter 事件
$(选择器).mouseenter() 试一试
将函数附加到 mouseenter 事件
$(选择器).mouseenter(函数) 试一试
参数 | 描述 |
---|---|
function | 可选。指定在触发 mouseenter 事件时要运行的函数。 |
亲自试一试 - 示例
mouseenter()、mouseover() 和 mousemove() 之间的区别
演示 mouseenter()、mouseover() 和 mousemove() 之间的区别。