为什么绑定事件的元素换为document,改变内容的对象直接写成div,没有效果?

为什么绑定事件的元素换为document,改变内容的对象直接写成div,没有效果?

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <title>习题</title>

    <style>

    div {

        width: 300px;

        height: 300px;

        border: 1px solid red;

        text-align: center;

        line-height: 300px;

    }

    </style>

</head>


<body>

    <div></div>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

    <script>

    //此处写代码

    $('div').mousemove(function(e){

       $(this).text('pagex:'+event.pageX+','+'pageY:'+event.pageY);

    });

    </script>

</body>


</html>

把事件函数改为

 $('document').mousemove(function(e){

       $('div').text('pagex:'+event.pageX+','+'pageY:'+event.pageY);

    });

为什么就没反应了呢?mousemove的作用对象只有具体的元素不包括document和window?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,是获取元素有问题,获取document不需要加引号,如下:

http://img1.sycdn.imooc.com//climg/5e796b350944751d06500106.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • Aurora_Meteor 提问者 #1
    谢谢老师。 那这道题说【鼠标在div框移动时,获取鼠标在页面中的位置】是不是要求使用的是给div绑定事件不能是给document绑定事件?
    2020-03-24 12:16:13
好帮手慕言 2020-03-24 13:51:25

同学你好,按照本编程题的要求,给div绑定事件即可。祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师