问答详情
源自:2-3 jQuery鼠标事件之mousemove事件

这个移动的X位置为什么会变化,e.pageX在这里用作什么

 $(".aaron1").mousemove(function(e) {
        $(this).find('p:last').html('移动的X位置:' + e.pageX)
    })

提问者:1234323181 2016-11-18 14:15

个回答

  • 萌萌软妹的日常
    2016-11-18 14:33:56
    已采纳

    这里为 class=arron1 的元素添加了mousemove事件,当鼠标移入 class=arron1 的元素时就会不断的触发这个事件,然后就会执行这个事件处理函数

    function(e) {
            $(this).find('p:last').html('移动的X位置:' + e.pageX)
        }

    这里$(this).find('p:last')  先找到class=arron1 的元素,再查找这个元素下面的所有p元素  中的最后一个p元素

    ,。html()修改p元素中的内容, 

    e.pageX是鼠标相对于文档边缘(文档边缘也就是document的边缘)的X轴位置,  e一般写成event,e 里面存放着  使事件触发的那个元素(这里是class=arron1这个元素)的各种信息, 用e.pageX就可以查看鼠标相对于文档边缘的X轴位置。


  • 老子的意大利炮4333415
    2016-11-18 14:37:45

    e代表event就是事件,e.pageX呢就是鼠标的位置,意思是鼠标移动时这鼠标在什么位置