jQuery mouseleave() 方法
示例
当鼠标指针离开 <p> 元素时,将背景颜色设置为灰色。
$("p").mouseleave(function(){
$("p").css("background-color", "gray");
});
自己动手试一试 »
定义和用法
当鼠标指针离开所选元素时,会触发 mouseleave 事件。
mouseleave() 方法会触发 mouseleave 事件,或者在 mouseleave 事件发生时附加一个函数来运行。
注意:与 mouseout 事件不同,mouseleave 事件仅在鼠标指针离开所选元素时触发。mouseout 事件会在鼠标指针离开任何子元素以及所选元素时触发。 有关演示,请参阅页面底部的示例。
提示:此事件通常与 mouseenter 事件一起使用。
语法
触发所选元素的 mouseleave 事件
$(选择器).mouseleave() 试试看
附加一个函数到 mouseleave 事件
$(选择器).mouseleave(函数) 试试看
参数 | 描述 |
---|---|
function | 可选。指定在 mouseleave 事件触发时要运行的函数。 |
亲手尝试 - 示例
mouseleave() 和 mouseout() 之间的区别
演示 mouseleave() 和 mouseout() 之间的区别。