Last modified on 23 May 2014, at 10:44

JavaScript/Working with the Mouse

JavaScript Console TestsEdit

Test x,y

window.onmouseover= function(){document.title = [event.x,event.y];};

Test offsetX,offsetY

window.onmouseover= function(){document.title = [event.offsetX,event.offsetY];};

Test clientX,clientY

window.onmouseover= function(){document.title = [event.clientX,event.clientY];};

Test pageX,pageY

window.onmouseover= function(){document.title = [event.pageX,event.pageY];};


ReferencesEdit

JavaScript Events

offsetX Property

CSS Object Model: Extensions to the mouseevent Interface

Creating an HTML5 Canvas Painting Application

DOM Events Portability: Not that Hard