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

来源:5-2 编程练习

Aurora_Meteor

2020-03-23 20:36:12

<!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回答

好帮手慕言

2020-03-24

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

http://img.mukewang.com/climg/5e796b350944751d06500106.jpg

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

0
hurora_Meteor
h 谢谢老师。 那这道题说【鼠标在div框移动时,获取鼠标在页面中的位置】是不是要求使用的是给div绑定事件不能是给document绑定事件?
h020-03-24
共1条回复

好帮手慕言

2020-03-24

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

0

0 学习 · 14456 问题

查看课程