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