Membuat Fungsi Tombol ENTER Seperti Tab Input Form

Satria Perwira    6/26/2019    Programming   

Selamat pagi semuanya, semoga hari anda menyenangkan hari ini. Apabila anda sedang mengembangkan aplikasi berbasis website dan ingin menerapkan fungsi tombol enter seperti tombol tab / secara otomatis berpindah ke input form selanjutnya ketika tekan tombol enter, maka anda sedang membaca artikel yang tepat.

Untuk mengampilkasikan fungsi tombol enter seperti tombol tab kita dapat menggunakan Javascript untuk bisa mendeteksi area yang harus difocuskan setelah tombol enter ditekan. Berikut ini kode untuk dapat membuat tombol enter seperti tombol Tab / Enter key press behaves like a Tab in Javascript :

$('body').on('keydown', 'input, select, textarea', function(e) {
        var self = $(this)
          , form = self.parents('form:eq(0)')
          , focusable
          , next
          ;
        if (e.keyCode == 13) {

            focusable = form.find('input,a,select,button,textarea').filter(':visible');
            next = focusable.eq(focusable.index(this)+1);
            if (next.length) {
                next.focus();
            } else {
                //form.submit();
            }
            return false;
        }

    });

Dari kode diatas kita perhatikan terdapat kodisi IF (pengecekan). Kondisi yang dicek adalah apabila Keycode=13, "13" adalah keycode dari tombol ENTER. Sehingga ketika tombol enter ditekan fungsi akan memfilter form seperti input, textarea all kemudian akan memfokuskannya. Namun apabila tidak ada lagi area input yang harus di focus.kan maka akan dilakukan form.submit()

Nah demikian informasi mengenai bagaimana membuat tombol enter bekerja seperti tombol tap pada input form. Semoga artikel ini dapat bermanfaat untuk anda dan teruslah menghasilkan karya yang bermanfaat bagi banyak orang.

Terima kasih, sampai jumpa di artikel selanjutnya. Jangan lupa KLIK IKLAN kami untuk memberikan support kepada kami untuk terus berbagi informasi.