Событие мышки при наведении?

Question

[L1nw0od]

Доброго времени суток. Занимаюсь изучением JS и вот столкнулся с интересной для себя задачей.
Есть событие мышкой что при наведении выводим в консоль что навели и когда убираем - выводим в консоль что убрал.

this.$el.addEventListener('mouseenter', () => {
			console.log('Мышку навели', new Date())
		})

		this.$el.addEventListener('mouseleave', () => {
			console.log('Мышку убрали', new Date())
		})

Можно ли с этого сделать ф-ункцию и запихнуть это все в if else ?
Чтоб делали проверку если мышкой навели - консоль показали если мышку убрали - консуоль показали.

Answer 1

[Kentavr16]

Все что находится внутри фигурных скобок - уже коллбек функция. Т.Е. для элемента добавляется прослушиватель командой addEventListener, который позволяет делать что-то в ответ на действие (в вашем случае наведение мышки). Что именно делать прописывается в теле функции. Ничего не мешает удалить консоль лог и добавить другой код. if else тут ни к чему.

Comments

[L1nw0od]

Да да if else ни к чему - согласен. Но сам факт стал вопрос сделать это через if else - а сделать не понимаю как (

[Kentavr16]

Тогда я не понимаю что именно вам нужно. Конкретнее? ДжаваСкрипт реагирует на события. Если навели курсор - событие(которое обрабатывается через слушатель выше), убрали курсор - событие, которое обрабатывается через другой слушатель. if и else -просто операторы языка, инструменты и не более. Объясните точнее.

Answer 2

[robprane]

Вместо каждого из console.log вы можете поставить функцию, одну и ту же, принимающую событие. Внутри этой функции через if else можно проверять параметр type передаваемого события.