Как запретить переход по ссылке | CSS/JavaScript

• Как сделать, чтобы переход по ссылке был двойному щелчку
• Ссылка срабатывает только после установления галочки на чебоксе

Для того, чтобы нельзя было переходить по ссылке, она не была кликабельна (см. поддержка 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>