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
• 安卓版火狐瀏覽器
• 火狐作業系統設備