淘汰赛使用MouseEnter事件结合，而不是鼠标悬停

目前，我有这样的代码淘汰赛使用MouseEnter事件结合，而不是鼠标悬停

<tr class="k-alt" data-bind="event: { mouseover: function(data, event) 
{ $root.showPopover(IsDeleted(), event) }}">

这种实现事业提示闪烁，因为鼠标悬停火灾为“TR”

 <tr class="k-alt" data-bind="event: { mouseenter: function(data, event) 
{ $root.showPopover(IsDeleted(), event) }}">

如果我的每个内部元件在这里使用mouseenter敲除没有意识到这一事件。我该如何摆脱眨眼？

来源

2017-09-05 ovasylenko

About mouseenter

的mouseenter JavaScript事件是专有到Internet Explorer。由于该事件的通用性，jQuery模拟此事件，因此无论浏览器如何，都可以使用它。当鼠标指针进入元素时，此事件被发送到元素。任何HTML元素都可以收到此事件。

所以，如果你有jQuery，你可以使用mouseenter。

var vm = { 
 
    moCount: ko.observable(0), 
 
    incrementMoCount: function() { 
 
    vm.moCount(vm.moCount() + 1); 
 
    }, 
 
    meCount: ko.observable(0), 
 
    incrementMeCount: function() { 
 
    vm.meCount(vm.meCount() + 1); 
 
    } 
 
}; 
 

 
ko.applyBindings(vm);

div.out { 
 
    width: 40%; 
 
    height: 120px; 
 
    margin: 0 15px; 
 
    background-color: #d6edfc; 
 
    float: left; 
 
    } 
 
    div.in { 
 
    width: 60%; 
 
    height: 60%; 
 
    background-color: #fc0; 
 
    margin: 10px auto; 
 
    } 
 
    p { 
 
    line-height: 1em; 
 
    margin: 0; 
 
    padding: 0; 
 
    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="out overout" data-bind="event: {mouseover: incrementMoCount}"> 
 
    <p>move your mouse</p> 
 
    <div class="in overout"><p>move your mouse</p><p >0</p></div> 
 
    <p data-bind="text: moCount"></p> 
 
</div> 
 
    
 
<div class="out enterleave" data-bind="event: {mouseenter: incrementMeCount}"> 
 
    <p>move your mouse</p> 
 
    <div class="in enterleave"><p>move your mouse</p><p>0</p></div> 
 
    <p data-bind="text: meCount"></p> 
 
</div>

来源

2017-09-05 13:14:01

淘汰赛使用MouseEnter事件结合，而不是鼠标悬停

回答

相关问题