checking code of Javascript “on mousedown”

Question

 <script> function lighton() { document.getElementById('myimage').src = "images\\download.png"; } function lightoff() { document.getElementById('myimage').src = "images\\link.png"; } </script>

 <!DOCTYPE html> <html> <head> <script> function lighton() { document.getElementById('myimage').src = "images\\download.png"; } function lightoff() { document.getElementById('myimage').src = "images\\link.png"; } </script> </head> <body> <img id="myimage" onmousedown="lighton()" onmouseup="lightoff()" src="images\\link.png" width="100" height="180" /> <p>Click mouse and hold down!</p> </body> </html>

see why this is not working when i click the mouse button first image disappears and second image does not open

Answer 1

I attached the event handers this way, and it started working. Remember to do this after "onload".

var el = document.getElementById("myimage");
el.addEventListener("mousedown",lightoff);
el.addEventListener("mouseup",lighton);

The error I was seeing with your code was that it could not find the functions.

checking code of Javascript “on mousedown”

Question

1 answers

solution1
0 2016-08-11 14:45:58

checking code of Javascript “on mousedown”

Question

1 answers

solution1 0 2016-08-11 14:45:58

solution1
0 2016-08-11 14:45:58