首頁猿問父標(biāo)簽中固定定位的子標(biāo)簽的問題。

父標(biāo)簽中固定定位的子標(biāo)簽的問題。

JavaScript

慕絲7291255 2018-09-04 13:23:08

<div class="be-center wrap" id="ww"> <i>...</i> <i>...</i></div>其中的i標(biāo)簽是固定定位了的，而且是在父元素范圍內(nèi)，現(xiàn)在我想實(shí)現(xiàn)的是，移動到父標(biāo)簽范圍內(nèi) 輸出1 移出父元素輸出2 ，用父元素的onmouseover,onmouseout但是有一個(gè)問題就是，當(dāng)移動到i標(biāo)簽時(shí)也會輸出2

查看完整描述

1 回答

慕姐8265434

TA貢獻(xiàn)1813條經(jīng)驗(yàn) 獲得超2個(gè)贊

onmouseover,onmouseout換成onmouseentet,onmouseleave

<body>

</div>

.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>

var wrap = document.getElementsByTagName('div')[0];

wrap.onmouseenter = function() {

console.log(1);

}

wrap.onmouseleave = function() {

console.log(2);

}

</script>

</body>

**說明：

一、把鼠標(biāo)移動到綠色區(qū)域，輸出1，移出輸出2
二、把鼠標(biāo)從【綠色外面】直接移動到紅色區(qū)域，輸出1，注意，這里并不是移動到i輸出了1，而是i在div內(nèi)容，你直接移動到i上就等于移動到了div上。
三、鼠標(biāo)在綠色區(qū)域的時(shí)候，不停在紅色-綠色之間移動，什么都不會輸出，這證明移動到i上什么都沒輸出...還不信自己換成mouseover和mouseout 再在紅-綠之間移動，會輸出一大堆**

反對回復(fù) 2018-10-28