Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Efek Tika Menekan Tombol HTML Menggunakan Atribut OnKeyDown

Dipublikasikan Oleh: elfanmauludi 5 komentar
Atribut event onkeydown merupakan atribut pada html yang bekerja ketika user menekan tombol apapun pada keyboard.


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, Efek Ketika Seleksi Elemen HTML Menggunakan Atribut OnSelect, dan Efek Pencarian Elemen HTML Menggunakan Atribut OnSearch.

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;}

 

p 

{

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.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

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

  1. AnonimJumat, 08 Oktober 2021 pukul 19.12.00 WIB

    Apa yang dimaksud dengan atribut onkeydown pada elemen html?

    BalasHapus
    Balasan
    1. AnonimJumat, 08 Oktober 2021 pukul 19.12.00 WIB

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

      Hapus
  2. AnonimJumat, 08 Oktober 2021 pukul 19.14.00 WIB

    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. AnonimJumat, 08 Oktober 2021 pukul 19.16.00 WIB

    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 -