onmousemove和onmouseover的区别?

onmousemove和onmouseover的区别?

在要求(1)当中,好像用这两个效果一致呀,这是为什么?


<!DOCTYPE html>

<html>

    <head>

   <meta charset="UTF-8">

   <title>mouse</title>

   <style type="text/css">

   #div{overflow:auto;width:200px;height:200px;border:2px solid gray;margin-bottom:20px;}

   #content{width:200px;height:100px;border:2px solid gray;}

   </style>

</head>

<body>

<div id="div">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod,tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo,consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse,cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non,proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

</div>

<div id="content"></div>

<script type="text/javascript">

         //补充代码

         var text=document.getElementById("div");

         var small=document.getElementById("content");

         text.onmousemove=function(){

             this.style.color="red";

         }

         text.onmouseout=function(){

             this.style.color="green";

         }

         text.onscroll=function(){

             small.innerHTML="内容滚动了";

         }

</script>

</body>

</html>


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

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

1回答
好帮手慕糖 2017-09-29 10:59:35

你好,(1)onmousemove 事件会在鼠标指针移动时发生。即鼠标移动事件

(2)onmouseover 属性在鼠标指针移动到元素上时触发。可理解为移入的时候触发,

这两个一个是鼠标移动的时候触发,一个是鼠标移入的时候触发。

这里是都可以达到效果,但是意义是不一样的哟,

祝学习愉快~

  • 我自己做了下测试发现:1.onmousemove事件鼠标在div区域内移动时不断触发。 2.onmouseover鼠标移入的时候触发。你在div区域内来回移动,并不会触发该事件。需把鼠 标重新移出div框再重新移入才会触发该事件。
    2017-10-04 19:05:36
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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