Как при наведении на ссылку выполнить javascript?

Пользователь

от brook , в категории: JavaScript , год назад

Как при наведении на ссылку выполнить javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от christine , год назад

@brook 

Для выполнения JavaScript при наведении на ссылку, можно использовать событие "onmouseover" в атрибуте "href" или "onclick".


Вот пример использования события "onmouseover" в атрибуте "href":

1
2
3
4
5
6
7
8
<a href="#" onmouseover="myFunction()">Ссылка</a>

<script>
function myFunction() {
  // Ваш код JavaScript
  alert("Hello World!");
}
</script>


В этом примере, при наведении на ссылку "Ссылка", будет вызвана функция "myFunction()", которая выводит сообщение "Hello World!" с помощью метода "alert()".


Вы также можете использовать событие "onmouseover" вместе с методом "addEventListener()" в скрипте:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<a href="#" id="myLink">Ссылка</a>

<script>
document.getElementById("myLink").addEventListener("mouseover", myFunction);

function myFunction() {
  // Ваш код JavaScript
  alert("Hello World!");
}
</script>


Это альтернативный метод, который позволяет отделить JavaScript от HTML-кода и лучше структурировать ваш код. В этом примере, при наведении на ссылку с идентификатором "myLink", будет вызвана функция "myFunction()", которая также выводит сообщение "Hello World!" с помощью метода "alert()".

Пользователь

от christine , 4 месяца назад

@brook 

Вы можете использовать событие "onmouseover" непосредственно внутри тега , как показано в первом примере, или использовать метод addEventListener для добавления обработчика событий в JavaScript, как показано во втором примере. В обоих случаях код JavaScript будет выполняться при наведении на указанную ссылку.