Home/ Questions/Q 6006985
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T01:37:03+00:00

var YPos12 = event.clientY + document.body.scrollTop; is not working for Mozilla Firefox. Anyone can

  • 0
var YPos12 = event.clientY + document.body.scrollTop;

is not working for Mozilla Firefox. Anyone can give me working example with code? Please help

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you can’t the following to work, I would suggest you start using jQuery or another javscript framework to help. I personally use jquery but have a look at the available javascript frameworks out there, they make life much easier.

    Completely replaced with full working example:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Mouse Co-ordinates Test</title>
<script type="text/javascript">
var posX;
var posY;

function mouseMovement(newEvent){
  posX=0;posY=0;
  var myEvent=(!newEvent)?window.event:newEvent;//IE:Moz
  if (myEvent.pageX){//Moz
    posX=myEvent.pageX+window.pageXOffset;
    posY=myEvent.pageY+window.pageYOffset;
  }
  else if(myEvent.clientX){//IE
    posX=myEvent.clientX+document.body.scrollLeft;
    posY=myEvent.clientY+document.body.scrollTop;
  }
  else {
    return false
  }//old browsers

  // Your X & Y values will be available here via  posX & posY
  document.getElementById('movementspan').firstChild.data='X='+posX+' Y='+posY;
}

function myClickEvent(myClick) {
  document.getElementById('clickspan').firstChild.data='X='+posX+' Y='+posY;
}
document.onmousemove=mouseMovement;
document.onclick=myClickEvent;
</script>

</head>
<body onload="init()">
Mouse Co-ordinates 
<span id="movementspan">&nbsp;</span>
<br />
Mouse co-ordinates at click 
<span id="clickspan">&nbsp;</span>

</body>
</html>
    • 0