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

来源:2-3 jQuery鼠标事件之mousemove事件

1234323181

2016-11-18 14:15

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

写回答 关注

2回答

  • 萌萌软妹的日常
    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轴位置。


    123432...

    明白了,谢谢

    2016-11-18 14:50:59

    共 2 条回复 >

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

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

    123432...

    明白了,谢谢!

    2016-11-18 14:51:10

    共 1 条回复 >

jQuery基础(三)—事件篇

jQuery第三阶段开启事件修炼,掌握对页面进行交互的操作

89997 学习 · 625 问题

查看课程

相似问题