Membuat Fungsi Sederhana Untuk Menghandle Backbutton Di Cordova

Akhir-akhir ini aku tertarik dengan hybrid programming yang salah satu source-nya yaitu cordova, di pembahasan kali ini aku akan membahas cara sederhana menciptakan fungsi untuk menghandle backbutton di cordova.

Kasus
Kasus yang ingin di pecahkan oleh artikel ini yaitu "pada ketika aplikasi android pertama kali dibuka, kemudian pengguna menekan tombol back, maka buzz aplikasi pribadi ke close".

Saya pikir pun awalnya tombol backbutton itu akan ter-set otomatis untuk melaksanakan back halaman, tapi kenyataannya kita harus menghandlenya secara manual.

Dukungan
Fungsi ini hanya mendukung beberapa device saja, diantaranya :

• Amazon Fire OS
• Android
• BlackBerry 10
• Windows Phone 8

Struktur kode

Struktur dasar arahan untuk menghandle backbutton-nya begini :

 document.addEventListener("backbutton", myCallbackFunction, false);  function myCallbackFunction() {     // Handle the back button } 

Pertama kita menciptakan sebuah listener dengan nama "backbutton", kemudian kemudian untuk aksinya sendiri kita buat di dalam fungsi callback. Sederhana kan :) , jikalau begitu mari lihat contuh sederhana fungsi untuk memecahkan kasus yang sudah di sebutkan di atas.

 document.addEventListener('backbutton', handleCloseBackbutton, false);  function handleCloseBackbutton(e){     e.preventDefault(); } 

Fungsi di atas berfungsi untuk menghandle backbutton semoga pada ketika aplikasi di buka tidak pribadi ke close pas si pengguna menekan tombol back, Kunci arahan pada kasus ini terdapat pada method preventDefault() , mudah kan hehehe

Gaya penulisan
Sebenarnya ini tidaklah penting untuk di bahas, tapi bab ini hanya sebagai warta pemanis aja, dan semoga artikel ini terlihat panjang wkwkwkwk. Ada beberapa gaya penulisan fungsi yang ada pada listener diataranya :

 var handleCloseBackbutton = function(e){      e.preventDefault(); };  document.addEventListener('backbutton', handleCloseBackbutton, false); 

 document.addEventListener('backbutton', function(e){     e.preventDefault(); }, false); 

 document.addEventListener('backbutton', handleCloseBackbutton, false);  function handleCloseBackbutton(e){     e.preventDefault(); } 

Peletakan sintak
Untuk peletakan sintak, kau sanggup letakan di halaman yang bersangkutan. Misal kita ingin menghandle backbutton di halaman "home", berarti kita letakan sintak di atas di halaman "home", begitu seterusnya.

Mungkin aku cukupkan sekian aku untuk bahan kali ini, semoga bermanfaat yah, amiiin :)


Sumber http://www.kang-cahya.com

Share this post

Berlangganan update artikel terbaru via email: