1 回答

TA貢獻1813條經驗 獲得超2個贊
onmouseover,onmouseout換成onmouseentet,onmouseleave
<body>
<div class="be-center wrap" id="ww">
<i>A</i>
</div>
<style type="text/css">
.wrap {
position: relative;
width: 100px;
height: 40px;
background-color: #1abc9c;
}
.wrap i{
position: absolute;
width: 20px;
height: 20px;
left: 30px;
top: 10px;
color: #fff;
background-color: #f55;
}
</style>
<script type="text/javascript">
var wrap = document.getElementsByTagName('div')[0];
wrap.onmouseenter = function() {
console.log(1);
}
wrap.onmouseleave = function() {
console.log(2);
}
</script>
</body>
**說明:
一、把鼠標移動到綠色區域,輸出1,移出輸出2
二、把鼠標從【綠色外面】直接移動到紅色區域,輸出1,注意,這里并不是移動到i輸出了1,而是i在div內容,你直接移動到i上就等于移動到了div上。
三、鼠標在綠色區域的時候,不停在紅色-綠色之間移動,什么都不會輸出,這證明移動到i上什么都沒輸出...還不信自己換成mouseover和mouseout 再在紅-綠之間移動,會輸出一大堆**
添加回答
舉報