html5 événement , événement d'orientation de l'appareil, cet événement est un événement lors de la détection des changements d'orientation de l'appareil. Ses attributs couramment utilisés sont alpha(x), beta(y) et gamma(z).
Par défaut, le téléphone est vertical, avec l'avant (90 degrés) face à vous
alpha : faites pivoter à gauche et à droite
bêta : faites pivoter avant et arrière
gamma : torsion (rotation)
<html>
<head>
<title>DeviceOrientationEvent</title>
<meta charset="UTF-8" />
<meta name="viewport"
content="width=device-width,
initial-scale=1.0,
minimum-scale=1.0,
maximum-scale=1.0,
user-scalable=no">
<script src="js/common/jquery.min.js"></script>
<script src="js/common/eventutil.js"></script>
</head>
<body>
<p id="arrow"></p>
</body>
</html>
<script>
try {
var text = "";
window.addEventListener("deviceorientation", orientationHandler, false);
function orientationHandler(event) {
text = ""
var arrow = document.getElementById("arrow");
text += "左右旋转：rotate alpha{" + Math.round(event.alpha) + "deg)<p>";
text += "前后旋转：rotate beta{" + Math.round(event.beta) + "deg)<p>";
text += "扭转设备：rotate gamma{" + Math.round(event.gamma) + "deg)<p>";
arrow.innerHTML = text;
}
}
catch (e) {
$("#arrow").html(e.message)
}
</script>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Quelles sont les méthodes de production de production d'animation html5 ?
La différence entre HTML et HTML5
Comment convertir un singe en wav
Comment utiliser la fonction choisir
Pourquoi ne puis-je pas ouvrir Pinterest ?
Comment définir le numéro de page ppt
Que montre l'autre partie après avoir été bloquée sur WeChat ?
Comment utiliser split en python
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
