JQuery笔记12:JQuery鼠标


(1):获得发生事件时鼠标的位置

$(document).mousemove(function(e) {
           document.title = e.pageX + "," + e.pageY;
         });


(2):在 mousemove 、 click 等事件的匿名响应函数中如果指定一个参数 e ,那么就可以从 e 读取发生事件时的一些信息,比如对mousemove 等鼠标事件来说,就可以读取 e.pageX 、 e.pageY 来获得发生事件时鼠标在页面的坐标。
案例:跟着鼠标走的图片

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $(document).mousemove(function (e) {//注意,这里是document,指的是整个窗口区域,而不是body!body只是元素范围,和document范围不一样!
                $("#fly").css("left",e.pageX).css("top",e.pageY);
            });

        });
        
    </script>
</head>
<body>
<div id="fly" style="position:absolute;background-color:Red;">☆</div>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值