jQuery的对象函数mouseleave()用于在鼠标离开元素时触发事件
▥前端
𝄐 0
jquery mouseover ie失效,jquery mouseover显示菜单,jquery mouseleave,jquery mousedown 冒泡,jquerymouseover事件
jQuery的对象函数mouseleave()用于在鼠标离开元素时触发事件。当鼠标从一个元素移动到它的子元素上时，不会触发该事件。
下面是mouseleave()方法的语法和示例：
语法：
$(selector).mouseleave(function)
示例：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("div").mouseleave(function(){
$(this).css("background-color", "yellow");
});
});
</script>
<style>
div {
width: 200px;
height: 100px;
background-color: green;
}
</style>
</head>
<body>
<div>
<h2>Mouse over this text.</h2>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
</div>
</body>
</html>
在这个例子中，当鼠标从包含文本和两个段落的 div 元素上离开时，mouseleave()事件被触发，并将背景颜色更改为黄色。
jQuery的对象函数mouseleave()用于在鼠标离开元素时触发事件。当鼠标从一个元素移动到它的子元素上时，不会触发该事件。
下面是mouseleave()方法的语法和示例：
语法：
$(selector).mouseleave(function)
示例：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("div").mouseleave(function(){
$(this).css("background-color", "yellow");
});
});
</script>
<style>
div {
width: 200px;
height: 100px;
background-color: green;
}
</style>
</head>
<body>
<div>
<h2>Mouse over this text.</h2>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
</div>
</body>
</html>
在这个例子中，当鼠标从包含文本和两个段落的 div 元素上离开时，mouseleave()事件被触发，并将背景颜色更改为黄色。
本文地址：
/show-270087.html
版权声明：除非特别标注原创，其它均来自互联网，转载时请以链接形式注明文章出处。