Μέγεθος θύρας, ανάλυση οθόνης, τοποθέτηση ποντικιού - 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"; )