Проверьте коллизии прослушивателя событий с помощью Javascript

В моем Javascript есть этот простой код:

element.addEventListener('mouseover', my_function, false);
element.addEventListener('mouseout', my_function, false);

Это соответствует как mouseover, так и mouseout. Проблема в том, что в одних и тех же случаях два события запускаются одновременно.

Я бы хотел, чтобы было какое-то ИЛИ. Если срабатывает одно из событий, не запускайте другое. Возможно ли это каким-то встроенным способом?

Обходной путь - установить глобальную переменную, которая отслеживает, было ли только что инициировано событие.

mouseenter и mouseleave не могут появляться одновременно на одном элементе
charlietfl 16.11.2018 21:18

Как бы вы запускали mouseout без наведения курсора

mplungjan 16.11.2018 21:19

@charlietfl Когда я перемещаю мышь от одного элемента к другому, я получаю 2 счета вместо одного. Но, возможно, мне нужно подойти к этому иначе.

Jens Törnell 16.11.2018 21:22

Конечно ... вы оставляете один ... затем входите в другой .... события на двух разных элементах не совпадают. Звучит скорее как логическая проблема, чем как событие

charlietfl 16.11.2018 21:23
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
4
167
0

Другие вопросы по теме