Размер области просмотра, разрешение экрана, положение мыши - CSS-хитрости

Anonim

Этот код является кроссбраузерным и проверяет размеры области просмотра, разрешение экрана и положение мыши, что может быть весьма полезно для выполнения некоторых проверок с помощью JavaScript.

 function getViewportWidth() ( if (window.innerWidth) ( return window.innerWidth; ) else if (document.body && document.body.offsetWidth) ( return document.body.offsetWidth; ) else ( return 0; ) ) function getViewportHeight() ( if (window.innerHeight) ( return window.innerHeight; ) else if (document.body && document.body.offsetHeight) ( return document.body.offsetHeight; ) else ( return 0; ) ) var tellMeTheSizes=function() ( document.getElementById("viewportwidth").innerHTML = getViewportWidth() + "px"; document.getElementById("viewportheight").innerHTML = getViewportHeight() + "px"; document.getElementById("resolutionheight").innerHTML = screen.height + "px"; document.getElementById("resolutionwidth").innerHTML = screen.width + "px"; ) window.onload=function() ( tellMeTheSizes(); ) window.onresize=function() ( tellMeTheSizes(); ) window.onmousemove=function(event) ( ev = event || window.event; document.getElementById("mousetop").innerHTML = ev.pageY + "px"; document.getElementById("mouseleft").innerHTML = ev.pageX + "px"; )