Home / Android / Deteksi Hardware Back Button Cordova/Phonegap Android

Deteksi Hardware Back Button Cordova/Phonegap Android

Sebenarnya mungkin ini ada hal sederhana tapi bisa bermanfaat, mengingat jika mengembangkan aplikasi berbasis HTML5/Javacript merupakan bagian yang native namun terkadang kita perlu mengakses ke sisi hardware. Cordova/phonegap menyediakan fitur tersebut. Salah satu mendeteksi jika kita menggunakan back button yang ada di device android. Caranya cukup sederhana

document.addEventListener("backbutton", onBackKeyDown, false);

function onBackKeyDown() {
    // Handle the back button
}

Atau jika diimplementasikan seperti :

<!DOCTYPE html>
<html>
  <head>
    <title>Back Button Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova-x.x.x.js"></script>
    <script type="text/javascript" charset="utf-8">


    // Wait for device API libraries to load
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // device APIs are available
    //
    function onDeviceReady() {
        // Register the event listener
        document.addEventListener("backbutton", onBackKeyDown, false);
    }

    // Handle the back button
    //
    function onBackKeyDown() {
    }

    </script>
  </head>
  <body onload="onLoad()">
  </body>
</html>

About alfach

Check Also

picasso

Menampilkan Image/Gambar dari Url Pada Android Menggunakan Picasso

Menampilkan image pada android merupakan hal yang gampang-gampang susah apalagi jika image tersebut diambil dari ...

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>