Как предотвратить наведение курсора на родительский элемент, когда курсор покидает дочерний элемент для наведения родительского элемента? - PullRequest
Новая
       35

Как предотвратить наведение курсора на родительский элемент, когда курсор покидает дочерний элемент для наведения родительского элемента?

0 голосов
/ 04 ноября 2019

У меня есть родительский div и дочерний div, как указано ниже: 

<div id="parent" onmouseover="console.log('foo');" style="width:100px;height:100px;background-color:blue;">
	
	<div id="child" style="width:50px;height:50px;background-color:red;">
	</div>

</div>

Как вы можете видеть, в родительском div я просто добавляю onmouseover="console.log('foo');".

Так что, когда я наведу указатель на родителя div извне или при наведении на дочерний элемент div, на консоли отобразится «foo», нет проблем.

Но когда я наведу родительский элемент div от дочернего элемента div, этоскажем, когда курсор оставляет дочерний div для наведения родительского div, консоль отображает «foo», это проблема, потому что я хочу предотвратить это, я не хочу выполнять обработчик событий.

Есть идеи?

1 Ответ

1 голос
/ 04 ноября 2019

Переключиться на использование события mouseenter. 

<div id="parent" onmouseenter="console.log('foo');" style="width:100px;height:100px;background-color:blue;">
	
	<div id="child" style="width:50px;height:50px;background-color:red;">
	</div>

</div>
...