举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > jquery mousemove jQuery mouseleave() 方法

jquery mousemove jQuery mouseleave() 方法

2023-05-25 14:18 jQuery教程

jquery mousemove jQuery mouseleave() 方法

jquery mousemove

jQuery mousemove 事件是当鼠标在元素上移动时触发的事件。它可以用来检测鼠标的位置,并做出相应的响应。

jQuery mousemove 事件可以用来实现很多有趣的效果,比如:当鼠标在图片上移动时,图片会有一个放大效果;当鼠标在文字上移动时,文字会颤动一下;当鼠标在元素上移动时,元素会有一个抖动效果。

$(document).ready(function(){
    $("#element").mousemove(function(){
        // 当鼠标在元素上移动时执行的代码
    });
});

jQuery mouseleave() 方法

jQuery mouseleave() 方法

jQuery 事件方法 jQuery 事件方法

实例

当鼠标指针离开 <p> 元素时,设置背景色为灰色:

$("p").mouseleave(function(){
$("p").css("background-color","gray");
});


定义和用法

当鼠标指针离开被选元素时,会发生 mouseleave 事件。

mouseleave() 方法触发 mouseleave 事件,或添加当发生 mouseleave 事件时运行的函数。

注意:与 mouseout 事件不同,mouseleave 事件只有在鼠标指针离开被选元素时被触发,mouseout 事件在鼠标指针离开任意子元素时也会被触发。参见页面底部演示实例。

提示:该事件通常与 mouseenter 事件一起使用。


语法

触发被选元素的 mouseleave 事件:

$(selector).mouseleave()

添加函数到 mouseleave 事件:

 $(selector).mouseleave(function)

参数 描述
function 可选。规定 mouseleave 事件触发时运行的函数。


实例

更多实例

mouseleave() 与 mouseout() 之间的不同
演示 mouseleave() 与 mouseout() 之间的不同。


jQuery 事件方法 jQuery 事件方法


阅读全文
以上是编程学为你收集整理的jquery mousemove jQuery mouseleave() 方法全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部