Для того, чтобы нельзя было переходить по ссылке, она не была кликабельна (см. поддержка pointer-events браузерами):
Я ссылка, по мне не перейти<a href="http://shpargalkablog.ru/" class="noLink">Я ссылка, по мне не перейти</a>
После чего она становится недоступна и для события onclick:
Я ссылка, по мне не перейти<a href="http://shpargalkablog.ru/" class="noLink" onclick="alert('Скрипт сработал')">Я ссылка, по мне не перейти</a>
То есть похожа на disabled
<input type="submit" value="Отправить" onclick="alert('Скрипт сработал')" disabled>
Запрет перехода по ссылке в JavaScript
Можно так: Я ссылка, по мне не перейти, но я покажу сообщение
<a href="http://shpargalkablog.ru/" id="noLink1">Я ссылка, по мне не перейти, но я покажу сообщение</a> <script> document.getElementById('noLink1').addEventListener('click', function(e) { e.preventDefault(); alert('Скрипт сработал'); }, false); </script>
И так: Я ссылка, по мне не перейти, но я покажу сообщение
<a href="http://shpargalkablog.ru/" onclick="raz(event);">Я ссылка, по мне не перейти, но я покажу сообщение</a> <script> function raz(e) { e.preventDefault(); alert('Скрипт сработал'); }; </script>
И так: Я ссылка, по мне не перейти, но я покажу сообщение
<a href="http://shpargalkablog.ru/" id="noLink2">Я ссылка, по мне не перейти, но я покажу сообщение</a> <script> document.getElementById('noLink2').onclick = function(){ alert('Скрипт сработал'); return false; // подробнее про return false; }; </script>
И так: Я ссылка, по мне не перейти, но я покажу сообщение
<a href="http://shpargalkablog.ru/" onclick="raz1(); return false;">Я ссылка, по мне не перейти, но я покажу сообщение</a> <script> function raz1() { alert('Скрипт сработал'); }; </script>
Но не так: Я ссылка, по мне можно перейти, но перед этим я покажу сообщение
<a href="http://shpargalkablog.ru/" onclick="raz2();">Я ссылка, по мне можно перейти, но перед этим я покажу сообщение</a> <script> function raz2() { alert('Скрипт сработал'); return false; }; </script>
Но не так: Я ссылка, по мне можно перейти
<a href="http://shpargalkablog.ru/" id="noLink3">Я ссылка, по мне можно перейти</a> <script> document.getElementById('noLink3').addEventListener('click', function(e) { return false; alert('Скрипт сработал'); }, false); </script>
7 комментариев:
<a href="http://shpargalkablog.ru/" onclick="return false; raz1();">Я ссылка, по мне не перейти, я не покажу сообщение</a>
<script>
function raz1() {
alert('Скрипт сработал');
};
</script>