来源：未知 时间：2017-02-21 11:36 作者：xxadmin 阅读:次
[导读] HTML5事件中，deviceorientation事件，此事件是检测设备方向变化时的事件。其常用属性为alpha(x)、beta(y)、gamma(z)。 默认将手机垂直，且正面（90度）冲着自己 alpha ：左右旋转 beta ：前后旋转...
|
HTML5事件中，deviceorientation事件，此事件是检测设备方向变化时的事件。其常用属性为alpha(x)、beta(y)、gamma(z)。 默认将手机垂直，且正面（90度）冲着自己 alpha：左右旋转 beta：前后旋转 gamma：扭转（自转） <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>
<div id="arrow"></div>
</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> |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
