Mouse position inside an element - JavaScript Snipplr Social Repository

Revision: 48642

at July 7, 2011 00:29 by devnull69

Updated Code

if(window.addEventListener) {
   element.addEventListener('mousemove', handleMouseClick, false);
} else {
   element.attachEvent('onmousemove', handleMouseClick);
}

function handleMouseClick(e) {
   if(window.event) e = window.event;

   // mouse position relative to the top of the document
   var xpos = e.pageX - this.offsetLeft;
   var ypos = e.pageY - this.offsetTop;

   // mouse position relative to the viewport
   //var xpos = e.clientX - this.offsetLeft;
   //var ypos = e.clientY - this.offsetTop;
}

Revision: 48641

at July 7, 2011 00:29 by devnull69

Updated Code

if(window.addEventListener) {
   element.addEventListener('mousemove', handleMouseClick, false);
} else {
   element.attachEvent('onmousemove', handleMouseClick);
}

function handleMouseClick(e) {
   if(window.event) e = window.event;

   // mouse position relative to the top of the document
   var xpos = e.pageX - this.offsetLeft;
   var ypos = e.pageY - this.offsetTop;

   // mouse position relative to the viewport
   //var xpos = event.clientX - this.offsetLeft;
   //var ypos = event.clientY - this.offsetTop;
}

Revision: 48640

at July 7, 2011 00:01 by devnull69

Updated Code

element.addEventListener('mousemove', handleMouseClick, false);

function handleMouseClick(e) {
   var xpos = e.pageX - this.offsetLeft;
   var ypos = e.pageY - this.offsetTop;
}


// IE
element.attachEvent('onmousemove', handleMouseClickIE);

function handleMouseClickIE() {
   var xpos = event.clientX - this.offsetLeft;
   var ypos = event.clientY - this.offsetTop;
}

Revision: 48639

at July 6, 2011 23:58 by devnull69

Initial Code

element.addEventListener('mousemove', handleMouseClick, false);

function handleMouseClick(e) {
   var xpos = e.pageX - this.offsetLeft;
   var ypos = e.pageY - this.offsetTop;
}


// IE
element.attachEvent('onmousemove', handleMouseClickIE);

function handleMouseClickIE() {
   var xpos = event.pageX - this.offsetLeft;
   var ypos = event.pageY - this.offsetTop;
}

Initial URL

Initial Description

Initial Title

Mouse position inside an element

Initial Tags

Initial Language

JavaScript

Choose a language for easy browsing: