Membuat Efek Tombol HTML Menggunakan Atribut Onkeypress
Atribut onkeypress pada html dapat aktif ketika user menekan salah satu tombol yang terdapat pada keyboard. Pada atribut onkeypress, event atribut tidak dapat digunakan untuk semua tombol kunci seperti CTRL, ALT, SHIFT, ESC pada semua jenis browser.
 |
| Atribut Onkeypress HTML |
Sebelum memahami lebih dalam materi tentang Membuat Efek Tombol HTML Menggunakan Atribut Onkeypress, terlebih dahulu pelajari materi tentang: Melakukan Pemotongan Konten HTML Menggunakan Atribut Oncut [klik], Melakukan Copy Elemen HTML File Menggunakan Atribut Oncopy [klik], dan Menonaktifkan Fokus Elemen HTML Menggunakan Atribut Onblur [klik].
Tag pendukung: pada atribut onkeypress dapat dijalankan pada semua elemen html, kecuali untuk elemen berikut.
Sintak:
<element onkeypress="script">
Catatan: urutan order yang berkaitan dengan event onkeypress adalah diperlihatkan sebagai berikut.
- <base>
- <bdo>
- <br>
- <head>
- <html>
- <iframe>
- <meta>
- <param>
- <script>
- <style>
- <title>
Sintak:
<element onkeypress="script">
Baca Juga:
Catatan: urutan order yang berkaitan dengan event onkeypress adalah diperlihatkan sebagai berikut.
- onkeydown
- onkeypress
- onkeyup
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Atribut Onkeypress
</title>
<style>
body
{
text-align:center;}
h1
{
color:green;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Atribut Onkeypress
</h2>
<input
type="text"
onkeypress="MKN()">
<script>
function MKN()
{
alert("Selamat Makan!");
}
</script>
</body>
</html>
Output:Blog Elfan
Atribut Onkeypress
Referensi Tambahan:
- 2 Contoh Penggunaan Atribut Placeholder pada Elemen HTML [klik]
- 2 Contoh Penggunaan Atribut Readonly pada Elemen HTML [klik]
- 3 Contoh Penggunaan Atribut Required pada Elemen HTML [klik]
- Contoh Sederhana Penggunaan Atribut Reversed pada Elemen HTML [klik]
- Penjelasan Singkat, Penggunaan Atribut Rows pada Elemen HTML [klik]
- 2 Contoh Penggunaan Atribut Rowspan pada Elemen HTML [klik]
- Penjelasan Singkat, Penggunaan Atribut Selected pada Elemen HTML [klik]
Artikel ini didedikasikan kepada: Priansyah Rizky Revindo, Revilda Dwi Ananda Lestiyani, Rizkynia Farah Dhiva, Satrio Piningit, dan Shafinna Wahyu Ananda.
Apa yang dimaksud dengan atribut onkeypress pada html?
BalasHapusAtribut onkeypress pada html merupakan atribut yang akan aktif jika user menekan tombol tertentu pada keyboard.
HapusTombol apa saja yang dapat digunakan untuk mengaktifkan atribut onkeypress pada elemen html?
BalasHapusAtribut onkeypress dapat dipicu ketika tombol yang menghasilkan nilai pada keyboard ditekan. Contoh tombol yang menghasilkan nilai karakter alfabet, angka, dan tanda baca.
HapusSedangkan contoh lain seperti tombol kunci pada keyboard yang tidak menghasilkan nilai karakter akan kunci pengubah seperti alt, shift, ctrl, atau meta tidak dapat digunakan untuk mengaktifkan atribut onkeypress pada html.
Hapus