hover和mouseover的區別，為啥我下面的代碼效果一樣啊
看了這兩節理解的是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="http://www.xianlaiwan.cn/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>
2019-03-02
鼠標滑到子元素的時候, 不會觸發父元素的mouseleave和mouseenter, 鼠標依然在父元素之上
如果使用mouseout和mouseover 就先觸發mouseout, 然后再觸發mouseover
2018-10-17
上傳代碼錢先格式化下，