Disable a Link after it is clicked --no jquery

Question

i want to disable my link when it is clicked . checkletter is a function which checks if letter is available in word for my hangman game.

 <span id="A"><a href="javascript:checkLetter('A');">A</a></span>

i tried using this a.visited{ display:none; }

it doesn't seem to be working

Please advice!!

It would be a:visited instead of a.visited but it'll hide the link, not deactivate it — Maxime Lorant
– Maxime Lorant, Commented Dec 29, 2013 at 19:23
To be clear are you trying to disable the function from being called, or change the appearance of the link? — Robert
– Robert, Commented Dec 29, 2013 at 19:25

Cezary Daniel Nowak · Accepted Answer · 2013-12-29 19:33:47Z

3

document.querySelector('#A a').style.pointerEvents = 'none';

** http://caniuse.com/#search=pointer-events

answered Dec 29, 2013 at 19:33

Cezary Daniel Nowak

1,17413 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Deryck Over a year ago

Not gonna downvote since it's true, but this limits cross-browser compatibility. Nice find though.

Cezary Daniel Nowak Over a year ago

Agree, this isn't cross browser solution now (thanks, IE!). That's why I've posted link to caniuse.com :) link.href = null [1] solution would be the best one if browser compatibility is an issue. [1]: stackoverflow.com/questions/20829143/…

jhummel · Accepted Answer · 2013-12-29 19:39:08Z

Can you just use your checkLetter function?

function checkLetter(letter) { // Do stuff document.getElementById(letter).style.display = "none"; }

update

To disable the link instead of hiding it (as requested in comment) see this link: http://jsfiddle.net/J67eY/1/

thanks..this seems to be working but is there a way i can disable my link instead of making it invisible

Deryck · Accepted Answer · 2013-12-29 20:09:10Z

EDIT:

Very Fun Fiddle

Long story short: assuming link is assigned to your link:

link.href = null;

will disable the link entirely.

I got excited and posted too quickly. Here's what you want :)

var links = document.links || document.anchors || document.getElementsByTagName('a'); for (var i = 0, j = links.length; i < j; i++) { addEvent(links[i], 'click', disable); } function disable(evt) { var e = evt || window.event, link = (e.currentTarget) ? e.currentTarget : e.srcElement; checkLetter(link.innerHTML); link.href = null; return false; } function addEvent(element, myEvent, fnc) { return ((element.attachEvent) ? element.attachEvent('on' + myEvent, fnc) : element.addEventListener(myEvent, fnc, false)); }

This code also assumes you removed javascript:checkLetter('A') from your link's href="". Instead, I call it inside the function using the letter that it is (link.innerHTML)

Collectives™ on Stack Overflow

Disable a Link after it is clicked --no jquery

3 Answers 3

2 Comments

1 Comment

EDIT:

Very Fun Fiddle

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

EDIT:

Comments

Related