Как проверить находиться ли мышь на элементе и вернуть результат в виде логического типа?

Question

В общем мне нужно выполнить вот такую проверку.
Я в начале попытался сделать так ▼. Однако, значение приходит не в виде логического типа.

if (timeoutArea.mouseover !== true) {

    nextBtn.click();
};

Поэтому, я решил делать проверку, которая вернет true, если на элемент наводят мышью. Но она почему то не работает (разумеется в if утверждении я убирал .mouseover). Помогите пожалуйста

let timeoutArea = document.getElementById("slider").addEventListener('mouseover', isHover);

    function isHover(){
        return (timeoutArea === true);
    };

Answer 1

У колбэк функции есть первый параметр - элемент, над которым свершается действие. У этого параметра куча других параметров. Один из них target.tagName где находится имя элемента, над которым происходит действие. Вот этим надо пользоваться.

let timeoutArea = document.getElementById("slider").addEventListener('mouseover', isHover);

function isHover(e) {
  console.log(e.target.tagName === 'TEXTAREA');
  return e.target.tagName === 'TEXTAREA';
};

<textarea id="slider">test</textarea>

БЛОГ НА HUSL

Как проверить находиться ли мышь на элементе и вернуть результат в виде логического типа?

Ответы (1 шт):