Как проигнорировать нажатие ссылки, чтобы сработало только событие onclick?
Как проигнорировать нажатие ссылки, чтобы сработало только событие onclick?
2 ответа
@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 для предотвращения перехода по ссылке. После этого можно выполнить нужные действия внутри функции.
@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.