Un plugin JavaScript d'événement « shake » personnalisé pour les navigateurs Web mobiles utilisant l'accéléromètre de l'appareil.
npm install shake.js
bower install shake.js
git clone https://github.com/alexgibson/shake.js
Votre navigateur Web doit prendre en charge l'événement devicemotion
pour que ce plugin fonctionne. Shake.js utilise la détection de fonctionnalités intégrée pour déterminer s'il peut s'exécuter dans votre navigateur Web. Il se terminera silencieusement sur les navigateurs non pris en charge.
http://w3c.github.io/deviceorientation/spec-source-orientation.html
Pour CommonJS utilisant NPM :
var Shake = require('shake.js');
Pour les modules AMD :
define(['./shake'], function(Shake) {
// ...
});
Dans le navigateur :
<script src="shake.js"></script>
Ensuite, créez une nouvelle instance Shake :
var myShakeEvent = new Shake({
threshold: 15, // optional shake strength threshold
timeout: 1000 // optional, determines the frequency of event generation
});
Commencez à écouter les mouvements de l'appareil :
myShakeEvent.start();
Enregistrez un écouteur d'événement shake
sur window
avec votre rappel :
window.addEventListener('shake', shakeEventDidOccur, false);
//function to call when shake occurs
function shakeEventDidOccur () {
//put your own code here etc.
alert('shake!');
}
Vous pouvez arrêter d'écouter les événements shake comme ceci :
window.removeEventListener('shake', shakeEventDidOccur, false);
Pour arrêter d'écouter les mouvements de l'appareil, vous pouvez appeler :
myShakeEvent.stop();