window.onload = function() {
var mousePos,windowSize,
posDisplay = document.getElementById("posDisplay"),
counterDisplay = document.getElementById("counterDisplay"),
counter = 0;
var viewportWidth = document.documentElement.clientWidth;
var viewportHeight = document.documentElement.clientHeight;
window.onmousemove = handleMouseMove;
setInterval(getMousePosition, 100); // setInterval repeats every X ms
function handleMouseMove(event) {
event = event || window.event; // IE-ism
mousePos = {
x: event.clientX,
y: event.clientY
};
windowSize = {
x: document.documentElement.clientWidth,
y: document.documentElement.clientHeight
};
}
function getMousePosition() {
var pos = mousePos;
var win = windowSize;
if (!pos) {
// We haven't seen any movement yet
pos = {x: "?", y: "?"};
}
if (!windowSize){
windowSize = {x: "?", y: "?"};
}
posDisplay.innerHTML = "(" + pos.x + "," + pos.y + ")";
counterDisplay.innerHTML = ++counter;
browserWidth.innerHTML=windowSize.x;
browserHeight.innerHTML=windowSize.y;
}
function display(msg) {
var p = document.createElement('p');
p.innerHTML = msg;
document.body.appendChild(p);
}
};