Source Code of: mousedirection.htm
Date Last Modified: May 02, 2009 - 01:59:24 AM
Size: 1 KB  |  71 lines  |  1,363 characters
<html>
<head>
<title>Mouse Direction Test</title>
<script type="text/javascript">

// please forgive the globals. they are necessary to avoid expensive
// operations within onmousemove, which can get called with every 
// 1px move of the mouse

var mousepos = {
    x: null,
    y: null
};

var spanx = null;
var spany = null;


document.onmousemove = function(e) {
    e = e || window.event;
    var firstevent = (mousepos.x == null);
    if (!firstevent) {
                
        var deltax = e.screenX - mousepos.x; // >0 right, <0 left
        var deltay = mousepos.y - e.screenY; // >0 up, <0 down
        
        if (deltax) 
            spanx.innerHTML = (deltax >= 0 ? 'right' : 'left');
        else 
            spanx.innerHTML = '';
        
        
        if (deltay) 
            spany.innerHTML = (deltay >= 0 ? 'up' : 'down');
        else 
            spany.innerHTML = '';
    }
    
    mousepos.x = e.screenX;
    mousepos.y = e.screenY;
}


window.onload = function() {
    document.getElementById('stopcapture').onclick = cleanup;
    spanx = document.getElementById('deltax');
    spany = document.getElementById('deltay');
}


var cleanup = function() {
    document.onmousemove = null;
    mousepos = null;
    spanx.innerHTML = '';
    spany.innerHTML = '';
    spanx = null;
    spany = null;
}


</script>
</head>
<body>

<p>delta x: <span id="deltax"></span></p>
<p>delta y: <span id="deltay"></span>

<p><button id="stopcapture">Stop Calculating Direction</button></p>

</body>
</html>

A Derivative Work of: PHP Source Code Utility - Version 1.0.0 Copyright © 0php.com 2002.