Mousemove widht buttons pressed test

by dipish

HTML

<p>Try moving your mouse with mouse buttons pressed.</p>
<p>Mouse X: <input type="text" id="mousex" style="width: 60px;" /></p>
<p>Mouse Y: <input type="text" id="mousey" style="width: 60px;" /></p>

CSS

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

JavaScript

Ext.onReady(function() {
    var xfield = Ext.get('mousex'),
        yfield = Ext.get('mousey');
    Ext.getBody().on('contextmenu', preventContextMenu, this, {preventDefault: true});
    Ext.getBody().on('mousemove', onMouseMove, this);
    
    
    function preventContextMenu(e) {
        return false;
    }
    
    function onMouseMove(e) {
        var xy = e.getXY();
        xfield.dom.value = xy[0];
        yfield.dom.value = xy[1];
    }
});