html結(jié)構(gòu):各綁定一個鼠標(biāo)enter和leave事件<div class = "banner"> <div class = "left" onMouseEnter={this.handleMouseEnter.bind(this)} onMouseLeave={this.handleMouseLeave.bind(this)}></div> <div class = "right" onMouseEnter={this.handleMouseEnter.bind(this)} onMouseLeave={this.handleMouseLeave.bind(this)}></div></div>下面是react方法:handleMouseEnter = (e) => { if (e.target.className === 'left') { //執(zhí)行代碼 } else if (e.target.className === 'right') { //執(zhí)行代碼 }}handleMouseLeave = (e) => { //執(zhí)行代碼}之前提過一次,但是可能沒表述清楚,現(xiàn)在重新整理下,用react實現(xiàn)一個效果:當(dāng)鼠標(biāo)懸浮“l(fā)eft”區(qū)塊時,left區(qū)塊變大,right區(qū)塊縮小,反之一樣問題:當(dāng)我鼠標(biāo)從banner整個區(qū)域外移入到left和right時就會產(chǎn)生效果,但是不是無縫的,當(dāng)我直接從left移入到right的時候就無法觸發(fā)right的hover事件,這是為什么?該怎么解決呢?(參考網(wǎng)址:點擊查看)
關(guān)于react的鼠標(biāo)事件
蕪湖不蕪
2018-12-20 18:14:05