Как сделать ссылку нерабочей через js или css?

Question

[Егор Антропов]

Мне нужно чтобы ссылка работала в десктопной версии, но не работала в мобильной версии, т.к. там стоит обработчик клика и по этому действию должно всплывать окно.

Comments

[twobomb]

<a href="##" class="noclickedlink">your link</a>

document.querySelectorAll(".noclickedlink").forEach(function(el){
    	el.onclick = function(e){
  			if(document.body.clientWidth <= 568){
            e.preventDefault();
            return false;
          }
      }
    })

Answer 1

[Ankhena]

event.preventDefault()
Всё равно же обработчик клика уже есть, даже условий не надо дописывать, просто одну строчку.
https://learn.javascript.ru/default-browser-action...

Answer 2

[xmoonlight]

Просто как вариант: 2 коллайд-слоя друг над другом и меняете z-index местами по медиа-запросу.
На одном - просто линк, на другом - вызов функции по клику.