Расположение мыши в Javascript

Как мне проверить, находится ли указатель мыши в / на другом div / id / a?

^a href = "#" onmouseover = "showmenu('top_3_menu_1_1')">Option One</a> 

function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility = "visible";
}

function hidemenu(elmnt)
{
if  mouse pointer is not in location A or B do something
}
Поведение ключевого слова "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) для оценки ваших знаний,...
2
0
515
1

Ответы 1

Немного ниже на этот блог (прокрутите вниз) есть реализация того, как реализовать кросс-браузер MouseEnter / MouseLeave. Без этого из-за «всплытия событий» вы получите ложные срабатывания при MouseOver / Out, что означает, что ваш захват / наведение мыши будет неудача ...!

Однако, если вы реализуете вышеуказанную проверку в MouseOver / Out, у вас будет идеальная допустимая отправная точка для установки какого-либо флага в обработчиках событий, что позволяет вам во время арбитража проверять эти флаги, чтобы увидеть, находится ли мышь «над или вне "конкретного элемента DOM ...

Кроме того, ваше «скрытие / отображение меню» в основном будет работать с указанной выше проверкой, однако, если все, что вы хотите сделать, это показать и скрыть, для этого существуют совершенно допустимые решения на чистом CSS;)

(Google для них)

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