已解決430363個問題，去搜搜看，總會有你想問的

js里mouseover事件和mouseout事件時有這種情況

首頁猿問 js里mouseover事件和mo...

js里mouseover事件和mouseout事件時有這種情況

Vue.js

慕工程0101907 2019-03-20 14:15:47

一個折疊表格，鼠標移入其中一行的時候，會顯示它下面的子項，，鼠標移出的時候，會隱藏它下面的子項，，這時就會產生一個問題，顯示它子項時，DOM結構改變，該行的位置也變了，鼠標自動離開該行區域，也就自動觸發了鼠標移出事件。鼠標移出事件里，子項隱藏，該行位置恢復，然后自動觸發鼠標移入事件，，然后循環往復，表格閃爍不停。。。這個有辦法解決嗎？

查看完整描述

2 回答

holdtom

TA貢獻1805條經驗獲得超10個贊

表格嘛。。。你套個 tbody 啊

<style>
.data?.line?{display:none}
.show-line?.line?{display:table-row;}
</style>
<tbody?class="data">
????<tr?class="title"><td>Title<td></tr>
????<tr?class="line"><td>line?1<td></tr
????<tr?class="line"><td>lin3?2<td></tr
????<tr?class="line"><td>line?3<td></tr
</tbody>

mouseover tbody 加個 class show-line
mouseout tbody 刪掉 class show-line

反對回復 2019-03-20

2 回答
0 關注
939 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

js里mouseover事件和mouseout事件時有這種情況

js里mouseover事件和mouseout事件時有這種情況

2 回答

添加回答