0
私はglyphicon-pencilでdivを持っています。行内の編集コントロールがマウスの上にあるときにちらつくのを防ぎます
マウスオーバーでは、divを表示しています。 trのmouseoutではdivを隠しています。
上記のすべてがうまくいきます。
ただし、マウスがdivまたはグリフコン上にあるとき、trはマウスオーバーやマウスアウトの登録を維持しているため、グリフコンはちらつきを維持します。
内側のオブジェクトが外側のオブジェクトにマウスオーバーを起こさないようにする方法。
これは私がしようとしているコードです（Vue.js含ん）：代わりに、マウスアウトの
<tr v-cloak v-for='res in store.reservations' @mouseover='setShowTools(res)' @mouseout='unsetShowTools(res)' >
<td>{{res.entryDate | longToDate | dateOnly}}</td>
<td>{{res.fromDate | parseDateOnly | dateOnly }}</td>
<td>{{res.toDate | parseDateOnly | dateOnly }}</td>
<td>{{res.guestName}}</td>
<td>{{res.guestContact}}</td>
<td>{{res.numRooms}}</td>
<td><div @mousemove.stop @mouseover.stop v-if='res.showTools'><span class="glyphicon glyphicon-pencil"></span></div></td>
</tr>
イムは今、この権利をチェック：http://stackoverflow.com/questions/4697758/prevent-onmouseout-when-hovering-child-element-of-the-parent-absolute-div-withou – Teddy
が判明シンプルにする。 mouseoutの代わりにmouseleaveを使用してください！子要素を入力するために起動しません。 – Teddy