首頁猿問下拉菜單的js...

下拉菜單的js 在鼠標(biāo)移到子元素時(shí)觸發(fā)mouseout？

JavaScript

守著星空守著你 2018-10-16 13:06:58

在rightheader的下拉菜單，鼠標(biāo)移到從一級(jí)菜單移開移向下面的內(nèi)容時(shí)下面的內(nèi)容就會(huì)消失代碼：http://runjs.cn/detail/6ed7t8hv

查看完整描述

1 回答

海綿寶寶撒

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

大致看了一下應(yīng)該是mouseout事件的問題。

<div1>大一點(diǎn)    <div2>小一點(diǎn)    
    </div2><div1/>

從div1挪到div2上時(shí),是會(huì)觸發(fā)div1的mouseout事件的。建議改為mouseleave
//////////////////
問題出在你的

<li>
    <a></a>
    <ul></ul></li>

三層結(jié)構(gòu)上。沒問題的那個(gè)a和li大小相同，不會(huì)觸發(fā)mouseout。
有問題的那個(gè)a明顯比li小一圈。從li上進(jìn)入a就會(huì)觸發(fā)mouseout，你看看會(huì)發(fā)現(xiàn)，能使ul出現(xiàn)的鼠標(biāo)位置，只有l(wèi)i的外側(cè)那一點(diǎn)點(diǎn)。因?yàn)橹虚g是a，出發(fā)mouseout了。

反對(duì) 回復(fù) 2018-11-02