Javascript 鼠标移动后立即触发鼠标移动

Javascript 鼠标移动后立即触发鼠标移动,javascript,Javascript,对mouseenter和mouseleave使用事件侦听器时,在触发window.onblur后,mouseenter每次都会触发mouseleave 有什么解决办法吗 范例 很抱歉出现外部链接,但在onblur之后的代码段中,mouseenter/mouseleave不起作用。看看这个!!从 var enterEventCount=0; var LeveEventCount=0; const mouseTarget=document.getElementById('mouseTarget')

对mouseenter和mouseleave使用事件侦听器时,在触发window.onblur后,mouseenter每次都会触发mouseleave

有什么解决办法吗

范例


很抱歉出现外部链接,但在onblur之后的代码段中,mouseenter/mouseleave不起作用。

看看这个!!从

var enterEventCount=0;
var LeveEventCount=0;
const mouseTarget=document.getElementById('mouseTarget');
const unorderedList=document.getElementById('unorderedList');
addEventListener('mouseenter',e=>{
mouseTarget.style.border='5px点橙色';
enterEventCount++;
addListItem('这是mouseenter事件'+enterEventCount+');
});
addEventListener('mouseleave',e=>{
mouseTarget.style.border='1px实心#333';
leaveEventCount++;
addListItem('这是mouseleave事件'+leaveEventCount+');
});
函数addListItem(文本){
//使用提供的文本创建新的文本节点
var newTextNode=document.createTextNode(文本);
//创建一个新的li元素
var newListItem=document.createElement(“li”);
//将文本节点添加到li元素
appendChild(newTextNode);
//将新创建的列表项添加到列表中
unorderedList.appendChild(newListItem);
}
#mouseTarget{
框大小:边框框;
宽度:15雷姆;
边框:1px实心#333;
}

  • 还没有活动

无法在您的示例上重现,这似乎只发生在chrome上,而不是firefox上。另外,我正在运行macOS,不确定这是否是其中的一部分。