使用 jQuery 检测移动设备旋转

Question

我正在寻找一个 jQuery 插件或 Javascript 库，它使用 G 传感器以度数检测设备的旋转，而不仅仅是方向。我知道这是可以做到的 - 检查http://wagerfield.github.io/parallax/ - 但我还没有设法找到这样的东西。

如果它创建了一种实时更新的全局，那就太好了。

谢谢！

Answer 1

您可以使用 jquery mobile liborientationchange 事件。

$(window).on("orientationchange",function(event){
    var x = event.beta,  // -180 to 180
        y = event.gamma, // -90 to 90
        z = event.alpha; // 0 to 360
});

没有 jQuery：

window.addEventListener('orientationchange', function(event){
    var x = event.beta,  // -180 to 180
        y = event.gamma, // -90 to 90
        z = event.alpha; // 0 to 360
});

也试试这个..

if (window.DeviceOrientationEvent) {
    window.addEventListener('deviceorientation', function(event){
    });
}