Как проигнорировать нажатие ссылки, чтобы сработало только событие onclick?

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

от francisco.friesen , в категории: JavaScript , год назад

Как проигнорировать нажатие ссылки, чтобы сработало только событие onclick?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@francisco.friesen 

Чтобы проигнорировать переход по ссылке при клике на нее, нужно использовать метод event.preventDefault() внутри функции, которая обрабатывает событие onclick. Например, можно написать следующий код:

1
2
3
4
5
6
7
8
<a href="http://www.example.com" onclick="myFunction(event)">Ссылка</a>

<script>
function myFunction(event) {
  event.preventDefault();
  // здесь можно выполнить нужные действия
}
</script>


В этом примере при клике на ссылку срабатывает функция myFunction, которая вызывает метод preventDefault для предотвращения перехода по ссылке. После этого можно выполнить нужные действия внутри функции.

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

от steve , 3 месяца назад

@francisco.friesen 

Вот пример полного кода страницы, в котором происходит игнорирование нажатия ссылки, чтобы сработало только событие onclick:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
  <title>Пример игнорирования нажатия ссылки</title>
</head>
<body>

<a href="http://www.example.com" onclick="myFunction(event)">Ссылка</a>

<script>
function myFunction(event) {
  event.preventDefault();
  // Здесь можно выполнить нужные действия
  console.log("Событие onclick сработало!");
}
</script>

</body>
</html>


В данном примере при клике на ссылку срабатывает функция myFunction, которая вызывает метод preventDefault() для предотвращения перехода по ссылке. После этого выводится сообщение "Событие onclick сработало!" в консоль браузера.


Таким образом, нажатие ссылки будет проигнорировано и выполнится только событие onclick.