从闪烁连续在内线阻止编辑器上它

Question

我有一个TR里面，我有一个glyphicon铅笔一个div。

在TR上鼠标悬停，我显示的股利。在tr mouseout上，我隐藏了div。

以上所有运作良好。

然而，当鼠标在DIV或glyphicon中，TR保持注册鼠标悬停和mouseouts，因此glyphicon不断闪烁。

如何我防止外部物体上造成mouseouts内的对象。

这是我曾尝试代码（包括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> 

Answer 1

使用鼠标离开，而不是鼠标移开！ Mouseleave不会触发输入子元素。

发现，在这个环节的解决方案，但还没有被标记为接受的答案。 https://stackoverflow.com/a/30697096/1364747