Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Detekce dotykového ovládání</title> <h1>Detekce dotykového ovládání</h1> <p id="touch">Podporuje dotyky</p> <p id="hover">Podporuje hover</p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
p[id] { background: #FF9999; padding: .5em; display: inline-block; }
CSS
Autoformát
CSS reset
Až na konci
if ('ontouchstart' in window) { touch.style.background = "#99FF99"; } var clicked; var moveTest = function() { if (!clicked) { hover.style.background = "#99FF99"; document.documentElement.removeEventListener("mousemove", moveTest); document.documentElement.removeEventListener("touchstart", moveTest); document.documentElement.removeEventListener("click", moveTest); } }; document.documentElement.addEventListener("mousemove", moveTest); document.documentElement.addEventListener("touchstart", function() { clicked = true; }); document.documentElement.addEventListener("click", function() { clicked = false; });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>