Efek Tika Menekan Tombol HTML Menggunakan Atribut OnKeyDown
 |
| Ilustrasi Atribut OnKeyDown HTML |
- <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.
<!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.
- 11 Elemen Terlarang untuk Penggunaan Atribut OnMouseOut pada HTML [klik]
- 11 Elemen Terlarang dalam Penggunaan Atribut OnMouseOver pada HTML [klik]
- 11 Elemen Terlarang pada Penggunaan Atribut OnMouseUp HTML [klik]
- Cara Mudah Menggunakan Atribut OnWheel pada Elemen HTML [klik]
- Cara Mudah Menggunakan Atribut Event OnDrag pada HTML [klik]
- Cara Mudah Menggunakan Atribut OnDragEnd pada Elemen HTML [klik]
- 2 Contoh Mudah Penggunaan Atribut OnDragEnter pada HTML [klik]
Apa yang dimaksud dengan atribut onkeydown pada elemen html?
BalasHapusAtribut onkeydown merupaka atribut yang diaktifkan ketika user menekan salah satu tombol yang terdapat pada keyboard.
HapusProperti onkeydown merupakan GlobalEventHandlers gabung yang memproses event keydown. Dimana event tersebut akan aktif ketika user menekan salah satu tombol yang terdapat pada keyboard.
BalasHapusTombol apa yang dapat ditekan pada keyboar untuk bisa mengaktifkan event onkeydown pada elemen html?
BalasHapusTombol apapun.
Hapus