鍍金池/ 問答/HTML/ vue.js中mouseover（mouseout）如何解決元素嵌套問題？

vue.js中mouseover（mouseout）如何解決元素嵌套問題？

代碼如下：

    <div @mouseover="show" @mouseout="hide">
      <div></div>
      <div></div>
    </div>

當(dāng)鼠標(biāo)未最外面的div時(shí)，不應(yīng)該觸發(fā) mouseout 事件，包括鼠標(biāo)移動(dòng)到子div上，類似 mouseenter 的效果，但是 mouseenter 存在兼容性問題（ff不支持），所以想問問大家這個(gè)該怎么處理好一點(diǎn)，最好是結(jié)合vue.js,當(dāng)然，全部用 js 處理也行，謝謝?。?/p>

回答
編輯回答
舊時(shí)光

一般都是阻止父元素觸發(fā)事件，你這是阻止子元素。父元素監(jiān)聽鼠標(biāo)事件，子div觸發(fā)事件，肯定會(huì)冒泡到最外層div,難道要在事件捕獲階段就阻止事件傳播嗎...我覺得你還是不要把這兩個(gè)子div放在里面了。直接在外面覆蓋這父親div，擋住他....

2017年12月4日 11:45
編輯回答
尕筱澄

我找到方法了，但是對(duì)整個(gè)問題來說還是不行，感覺你時(shí)候的方法不錯(cuò)，我試試，謝謝啦！

2018年4月5日 09:12