亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

父標簽中 固定 定位的子標簽的問題。

父標簽中 固定 定位的子標簽的問題。

慕絲7291255 2018-09-04 13:23:08
<div class="be-center wrap" id="ww">       <i>...</i>       <i>...</i></div>其中的i標簽是固定定位了的,而且是在父元素范圍內,現在我想實現的是,移動到父標簽范圍內 輸出1 移出父元素 輸出2 ,用父元素的onmouseover,onmouseout但是有一個問題就是,當移動到i標簽時也會 輸出2
查看完整描述

1 回答

?
慕姐8265434

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 再在紅-綠之間移動,會輸出一大堆**


查看完整回答
反對 回復 2018-10-28
  • 1 回答
  • 0 關注
  • 835 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號