Tuesday 23 February 2016

Menekan Tombol Enter pada Input Text HTML

Selain menggunakan mouse, untuk berinteraksi dengan user interface sebuah program bisa juga menggunakan keyboard. Namun kegunaan keyboard dalam program berbasis web masih jarang digunakan. 
Pada kasus-kasus tertentu penggunaan perintah input dari keyboard juga diperlukan. Misalnya pada halaman utama google, setelah kita mengetikkan kata yang ingin dicari kemudian kita klik tombol enter maka proses pencarian akan terjadi.
Pada element input text yang dibungkus form, tombol enter bisa digunakan. Akan tetapi pada input text yang tidak dibungkus oleh form dapat diberikan sebuah script javascript agar bisa berfungsi ketika menekan tombol-tombol pada keyboard.
Di bawah ini adalah contoh code untuk menjalankan sebuah kode jika tombol enter diklik.
$("input").keypress(function(e){
    if(e.which == 13){
      //tulis kode disini
    }
}); 

Penjelasan:
$("#input").keypress(function(e){
Kode di atas adalah fungsi untuk memberikan event pada element yang mempunyai id "input" (sesuaikan dengan id element anda) ketika keyboard diklik.

if(e.which == 13){
Kode di atas berfungsi untuk menangkap tombol yang diklik pada keyboard. Angka 13 merupakan kode dari tombol enter.

No comments:

Post a Comment

Berkomentarlah yang bijak. Komentar anda mencerminkan kehidupan anda.