举报投诉联系我们 手机版 热门标签 VUE中文网
您的位置:VUE中文网 > jquery mousemove jQuery mousemove() 方法

jquery mousemove jQuery mousemove() 方法

2023-03-09 20:17 jQuery教程

jquery mousemove jQuery mousemove() 方法

jquery mousemove

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

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

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

jQuery mousemove() 方法

jQuery mousemove() 方法

jQuery 事件方法 jQuery 事件方法

实例

获得鼠标指针在页面中的位置:

$(document).mousemove(function(event){
$("span").text(event.pageX + ", " + event.pageY);
});


定义和用法

当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件。

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

注意:用户把鼠标移动一个像素,就会发生一次 mousemove 事件。处理所有 mousemove 事件会耗费系统资源。请谨慎使用该事件。


语法

触发被选元素的 mousemove 事件:

 $(selector).mousemove()

添加函数到 mousemove 事件:

 $(selector).mousemove(function)

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


jQuery 事件方法 jQuery 事件方法


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