Track Mouse Events

HTML

<input id="YouClickedTheInput" value="click here" />
<button id="YouClickedTheButton">Click here now</button>
<input type="checkbox" id="YouClickedTheCheckbox" />
<hr>
<textarea id="output" style="width:400px; height:400px"></textarea>

JavaScript

var eventCount = 0;
var eventProperty = [];

var TrackMouse = function (mouseEvent) {
    eventProperty[eventCount++] = {
        id: mouseEvent.toElement.id,
        type: 'mouse',
        ts: Date.now(),
        x: mouseEvent.x,
        y: mouseEvent.y
    };
    console.log(mouseEvent);
    window.xxyy = mouseEvent;

    output.value += "Element id: " + eventProperty[eventCount - 1].id + ", X: " + mouseEvent.x + ", Y: " + mouseEvent.y + "\n";
};

document.addEventListener('click', TrackMouse);