Когда я быстро щелкаю элемент dom, его событие mouseleave будет запускаться иногда не каждый раз. Я уверен, что не заставляю мышь покидать элемент.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.outer{
width: 500px;
height: 500px;
background: #f00;
}
</style>
</head>
<body>
<div class="outer">
</div>
<script>
const outer = document.querySelector('.outer');
outer.addEventListener('mouseleave',function () {
console.log('mouseleave')
})
</script>
</body>
</html>
Я ожидаю, что событие mouseleave активируется только тогда, когда мышь покидает элемент.