hover和mouseover的区别，为啥我下面的代码效果一样啊-慕课网

hover和mouseover的区别，为啥我下面的代码效果一样啊

来源：2-7 jQuery鼠标事件之hover事件

风君子说

2018-10-12 11:32

看了这两节理解的是hover=mouseenter+mouseleave ,不冒泡

请看一下我下面的代码，为啥两种方法效果一样呢，按我理解，鼠标移动到.img 或.text层时point应该缩小的啊，为啥只有完全移出wrapper才会变化，求解答，谢谢

<!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <meta name="viewport" content="width=device-width, initial-scale=1">        <title></title>        <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js" type="text/javascript" charset="utf-8"></script>        <style type="text/css">            .wrapper {                width: 300px;                height: 300px;                border: 1px solid #000;            }                        .img,            .text,            .point {                width: 100px;                height: 100px;                border: 1px solid #000;                margin: 10px;                float: left;            }        </style>    </head>    <body>        <div class="wrapper">            <div class="img"></div>            <div class="text"></div>        </div>        <div class="point"></div>        <script type="text/javascript">            $('.wrapper').mouseover(function(e) {                $('.point').css('width', '200px')            }) $('.wrapper').mouseout(function(e) {                $('.point').css('width', '100px')            }) //           $('.wrapper').hover(function(){//               $('.point').css('width','200px')//          },function(){//                 $('.point').css('width','100px')//          })        </script>    </body></html>

写回答关注

2回答

汪汪爱吃鱼

2019-03-02 08:35:10

鼠标滑到子元素的时候, 不会触发父元素的mouseleave和mouseenter, 鼠标依然在父元素之上
如果使用mouseout和mouseover 就先触发mouseout, 然后再触发mouseover

0 0
慕少450240

2018-10-17 13:48:02

上传代码钱先格式化下，

0 0

jQuery基础(三)—事件篇

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

89997 学习 · 625 问题

查看课程

相似问题

mousemove和mouseover没啥区别啊

回答 2

mouseover()和mouseenter()的区别

回答 2

效果都一样啊？

回答 1

这样为啥没效果？

回答 4

mouseover和mouseenter

回答 1

打开慕课网App查看更多内容