为啥鼠标移动不执行onmousemove事件

为啥鼠标移动不执行onmousemove事件

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>fuction</title>
 <style type="text/css">
  .box{
   width: 200px;
   height: 200px;
   background: red;
  }
    </style>
</head>
<body>
 <div id="box" class="box">拖动</div>
 <script type="text/javascript">
  var box = document.getElementById("box");
   box.onmousedown=function(){
    console.log("box被按下");
   }
   box.onmousemove=function(){
    console.log("box被移动了");
   }
   box.onmouseup=function(){
    console.log("box被松开");
   }
   box.onclick=function(){
    console.log("我被点击了");
   }
   box.onmouseover=function(){
    console.log("在盒子里面");
   }
   box.onmouseout=function(){
    console.log("滑到盒子外面");
   }
 </script>>
</body>
</html>
在chrome浏览器下,鼠标移动事件只有在点击的时候会执行一次,在里面移动不执行是怎么事啊


正在回答 回答被采纳积分+1

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

3回答
Miss路 2017-09-20 12:02:27

经过测试可以的,你用的什么浏览器,用谷歌和火狐再试试。祝学习愉快!

提问者 宝慕林3319090 2017-09-19 21:27:50

http://img1.sycdn.imooc.com/climg//59c11ad60001600d10450914.jpg只有点击了div才会执行这个onmousemove事件,点击一次执行一次,鼠标在里面移动不执行。

Miss路 2017-09-19 18:53:11

有执行的呀,只要输出“box被移动了”这句话了就代表鼠标执行了,你把其他的方法都注释了,只留下这一个方法看看,这个是在控制台执行的,你需要在控制台看结果,按下F12调出控制台,然后点console就能看到结果了:

http://img1.sycdn.imooc.com/climg//59c0f70d00013f8509400306.jpg

祝学习愉快!


  • 提问者 宝慕林3319090 #1
    有点击了div才会执行这个onmousemove事件,点击一次执行一次,鼠标在里面移动不执行。图在上面
    2017-09-19 21:28:39
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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