Home Home Detect Shake using JavaScript

Detect Shake using JavaScript

shake

In this tutorial I will show how to detect phone shake with just few lines of JavaScript code. We will be using shake.js library to detect it. This library uses Device Orientation API to function.

Example

Here is just few lines of code to detect phone shake
View Demo

<script type="text/javascript" src="https://cdn.rawgit.com/alexgibson/shake.js/master/shake.js"></script>
<script>  
    //listen to shake event
    var shakeEvent = new Shake({threshold: 15});
    shakeEvent.start();
    window.addEventListener('shake', function(){
        alert("Shaked");
    }, false);

    //stop listening
    function stopShake(){
        shakeEvent.stop();
    }

    //check if shake is supported or not.
    if(!("ondevicemotion" in window)){alert("Not Supported");}
</script>

You can also use this code snippet on Phonegap or Intel XDK APP.

Narayan Prusty
Testing Intel XDK App on iOS Device using Ad HocAuthenticating using Touch ID in Intel XDK

Leave a Reply

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

Narayan Prusty

I am a full-stack web developer. I specialize in Blockchain and JavaScript. This is my personal blog where I write about programming and technologies that I learn and feel interesting to share.

Image4 years ago Cordova
Share this
Related Articles