shake.js

摇动.js

使用设备加速计的移动网络浏览器的自定义“摇动”事件 JavaScript 插件。

安装

• 下载：zip
• NPM： npm install shake.js
• Bower： bower install shake.js
• Git： git clone https://github.com/alexgibson/shake.js

依赖关系

您的网络浏览器必须支持devicemotion事件才能使该插件正常工作。 Shake.js 使用内置功能检测来确定它是否可以在您的 Web 浏览器中运行。它将在不支持的浏览器上静默终止。

http://w3c.github.io/deviceorientation/spec-source-orientation.html

设置

对于使用 NPM 的 CommonJS：

 var Shake = require('shake.js');

对于 AMD 模块：

 define(['./shake'], function(Shake) {
    // ...
});

在浏览器中：

 <script src="shake.js"></script>

接下来，创建一个新的 Shake 实例：

 var myShakeEvent = new Shake({
    threshold: 15, // optional shake strength threshold
    timeout: 1000 // optional, determines the frequency of event generation
});

开始监听设备运动：

 myShakeEvent.start();

使用回调在window上注册shake事件侦听器：

 window.addEventListener('shake', shakeEventDidOccur, false);

//function to call when shake occurs
function shakeEventDidOccur () {

    //put your own code here etc.
    alert('shake!');
}

您可以停止监听震动事件，如下所示：

 window.removeEventListener('shake', shakeEventDidOccur, false);

要停止监听设备运动，您可以调用：

 myShakeEvent.stop();

支持的网络浏览器/设备

• iOS Safari 4.2.1（及更高版本）
• Android 4.0.3（默认浏览器）
• 适用于 Android 的 Chrome 41+
• Opera 手机（安卓）
• 黑莓PlayBook 2.0
• 安卓版火狐浏览器
• 火狐操作系统设备