用Javascript检测iOS Safari中的抖动?

前端之家收集整理的这篇文章主要介绍了用Javascript检测iOS Safari中的抖动?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何利用新的MobileSafari设备运动API捕获“摇”事件?

解决方法

看到这个真棒博客http://www.jeffreyharrell.com/blog/2010/11/creating-a-shake-event-in-mobile-safari/

这说明了这个例子:

if (typeof window.DeviceMotionEvent != 'undefined') {
    // Shake sensitivity (a lower number is more)
    var sensitivity = 20;

    // Position variables
    var x1 = 0,y1 = 0,z1 = 0,x2 = 0,y2 = 0,z2 = 0;

    // Listen to motion events and update the position
    window.addEventListener('devicemotion',function (e) {
        x1 = e.accelerationIncludingGravity.x;
        y1 = e.accelerationIncludingGravity.y;
        z1 = e.accelerationIncludingGravity.z;
    },false);

    // Periodically check the position and fire
    // if the change is greater than the sensitivity
    setInterval(function () {
        var change = Math.abs(x1-x2+y1-y2+z1-z2);

        if (change > sensitivity) {
            alert('Shake!');
        }

        // Update new position
        x2 = x1;
        y2 = y1;
        z2 = z1;
    },150);
}

猜你在找的JavaScript相关文章