Lompat ke konten Lompat ke sidebar Lompat ke footer

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

Sebelum memahami lebih dalam materi tentang Efek Tika Menekan Tombol HTML Menggunakan Atribut OnKeyDown, terlebih dahulu pelajari materi tentang: Efek Ketika Melakukan Submit HTML Menggunakan Atribut OnSubmit [klik], Efek Ketika Seleksi Elemen HTML Menggunakan Atribut OnSelect [klik], dan Efek Pencarian Elemen HTML Menggunakan Atribut OnSearch [klik].

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.



Artikel ini didedikasikan kepada: Annisa Indah Febriana, Citra Jeafinda, Dewi Sri Lestari, Dina Muassaroh, dan Fadhiya Andini Maula.

5 komentar untuk "Efek Tika Menekan Tombol HTML Menggunakan Atribut OnKeyDown"

  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

Hubungi admin melalui Wa : +62-896-2414-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 -
- Big things start from small things -