@CoCoCoder
Новичок в веб-программировании,только учусь. :)

Как сделать функцию на чистом JS, срабатывающую при наведении на HTML блок?

Есть множество HTML блоков,при наведении на которые,я хочу изменять текст.К примеру,
есть 4 кнопки:
1
2
3
4
,я хочу,чтобы при наведении на кнопку вышло "Вы навели на кнопку: (number - в нашем случае) 1". Как это сделать на чистом JS , без jQuery и прочего?
  • Вопрос задан
  • 91 просмотр
Решения вопроса 4
@Legalas61
Студент
Попробуй почитать про mouseover/out, mouseenter/leave
Ответ написан
почитай про события в Javascript
Введение в браузерные события
Выразительный JavaScript: Обработка событий
и т.п.

document.querySelectorAll("button").forEach(el => el.addEventListener("mouseover", e => alert("Вы навели на кнопку: "+e.target.textContent)))


Ответ написан
@h88p
Pre-Junior HTML Developer
document.querySelectorAll('.main-menu__item').forEach(w => {
	w.addEventListener('mouseenter', () => {
		console.log(`Вы навелись на пункт меню "${w.innerText}"`)
	})
})
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@merkushev11aleksandr
Прочитайте про - "mouseover" это то что нужно
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
НТЦ РОСТ Москва
от 150 000 до 250 000 руб.
Sveak Барнаул
от 50 000 руб.
AUTEP Москва
от 100 000 до 200 000 руб.
12 нояб. 2019, в 12:35
1200 руб./в час
12 нояб. 2019, в 12:16
400 руб./за проект
12 нояб. 2019, в 11:14
300 руб./за проект