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>

你可能感兴趣的:(html,jquery,function)