Disable image onclick

JavaScript
1

I have an image which runs a script onclick. How do I disable this onclick once it has been used? The image is not in a form.

monkey

2

You can detach the event, or alternatively just add an extra variable idicating that the image has been clicked.

Detach the event (IE Code):


function clickImg() {
  var oImg = event.srcElement;
  ...
  oImg.detachEvent("onclick",clickImg);
}

Alternative:


var bImgClicked = false;
function clickImg() {
  var oImg = event.srcElement;
  if (!bImgClicked) {
	...
	bImgClicked = true;
  }
}

Hope that answers your question?

3

simplest possible:

<img onclick=“doTheJob(); this.onclick=null” …

4

Hmmm… I’d have to go with stereofrog on this one… that really does keep it simple.

Nice one dude. :wink:

5

that’ll do the job

cheers both :smiley:

6

Dang, I never thought of removing the event handler code. Good one.

Charles