Mendeteksi Tombol Keyboard

Jika Anda pernah mencoba game berbasis web, maka Anda akan menemukan game yang memanfaatkan event untuk mendeteksi penekanan dan pelepasan tombol keyboard. Jika user melakukan penekanan tombol keyboard, maka hal ini akan menimbulkan respon tertentu.

Berikut ini adalah contoh script yang akan mendeteksi penekanan dan pelepasan tombol keyboard.

 

Jika Anda mencoba untuk mengetikkan apapun di kotak teks 1, maka akan muncul pesan bahwa Anda telah menekan tombol keyboard dan kemudian pesan tersebut akan berganti menjadi pesan bahwa Anda telah melepas tombol keyboard, seperti gambar di bawah ini. 


<html>

<body onLoad="this.document.form1.teks1.focus();">

<form name="form1">

TEKS 1 <input type="text" name="teks1" size="41" onKeyDown="DeteksiTekan()" onKeyUp="DeteksiLepas()">

<p> TEKS 2 <input type="text" name="teks2" size="41"></p>

</form>

<script language="JavaScript">

function DeteksiTekan(){

document.form1.teks2.value="anda menekan tombol keyboard";

}

function DeteksiLepas(){

document.form1.teks2.value="ANDA MELEPAS TOMBOL KEYBOARD";

}

</script>

</body>

</html>

SHARE

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 komentar:

Posting Komentar