DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Efek Tika Menekan Tombol HTML Menggunakan Atribut OnKeyDown

Atribut event onkeydown merupakan atribut pada html yang bekerja ketika user menekan tombol apapun pada keyboard.

11 Elemen yang Tidak Dapat Digunakan pada Atribut OnKeyDown HTML
Ilustrasi Atribut OnKeyDown HTML

Tag Pendukung: atribut onkeydown didukung penggunaannya pada segala jenis elemen html, KECUALI.
  • <base>
  • <bdo>
  • <br>
  • <head>
  • <html>
  • <iframe>
  • <meta>
  • <param>
  • <script>
  • <style>
  • <title>

Sintak:
<element onkeydown = "script">

Value Atribut: mengandung script value tunggal yang akan bekerja ketika salah satu tombol apapun pada keyboard ditekan.

Baca Juga:

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title

HTML atribut event onkeydown

</title>

 

<style>

h1 

{

text-align: center;

color: green;}

 

h2 

{

text-align: center;}

 

input[type=text

{

width: 100%;

padding: 12px 20px;

margin: 8px 0;

box-sizing: border-box;

font-size: 24px;

color: white;}

 

{

font-size: 20px;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

<h1>

 

<h2>

atribut event onkeyup

</h2>

 

<p>

Tekan salah satu tombol untuk mengubah background menjadi hijau.

</p>

 

<input 

type="text

id="demo

onkeydown="keydownFunction()"

onkeyup="keyupFunction()">

 

<script>

function keyupFunction() 

{document.getElementById("demo").style.backgroundColor = "blue";

}

 

function keydownFunction() 

{document.getElementById("demo").style.backgroundColor = "green";

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

atribut event onkeyup

Tekan salah satu tombol untuk mengubah background menjadi hijau.



Komentar

  1. Apa yang dimaksud dengan atribut onkeydown pada elemen html?

    BalasHapus
    Balasan
    1. Atribut onkeydown merupaka atribut yang diaktifkan ketika user menekan salah satu tombol yang terdapat pada keyboard.

      Hapus
  2. Properti onkeydown merupakan GlobalEventHandlers gabung yang memproses event keydown. Dimana event tersebut akan aktif ketika user menekan salah satu tombol yang terdapat pada keyboard.

    BalasHapus
  3. Tombol apa yang dapat ditekan pada keyboar untuk bisa mengaktifkan event onkeydown pada elemen html?

    BalasHapus

Posting Komentar

Hubungi admin melalui Wa : +62-896-2514-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

~ Ikatlah Ilmu dengan Memostingkannya ~

Postingan populer dari blog ini (30 Hari)

Enkapsulasi Java dan Fungsinya

Specifier %d dan %i Bahasa C dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

7 Paradigma Penelitian pada Statistika Penelitian

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas