淘汰赛使用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敲除没有意识到这一事件。 我该如何摆脱眨眼?
答
的
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>