Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

11 Elemen yang Tidak Bisa Menerapkan Penggunaan Atribut Onkeypress HTML
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.
  • <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


Artikel ini didedikasikan kepada: Priansyah Rizky Revindo, Revilda Dwi Ananda Lestiyani, Rizkynia Farah Dhiva, Satrio Piningit, dan Shafinna Wahyu Ananda.

5 komentar untuk "Membuat Efek Tombol HTML Menggunakan Atribut Onkeypress"

  1. Apa yang dimaksud dengan atribut onkeypress pada html?

    BalasHapus
    Balasan
    1. Atribut onkeypress pada html merupakan atribut yang akan aktif jika user menekan tombol tertentu pada keyboard.

      Hapus
  2. Tombol apa saja yang dapat digunakan untuk mengaktifkan atribut onkeypress pada elemen html?

    BalasHapus
    Balasan
    1. Atribut onkeypress dapat dipicu ketika tombol yang menghasilkan nilai pada keyboard ditekan. Contoh tombol yang menghasilkan nilai karakter alfabet, angka, dan tanda baca.

      Hapus
    2. Sedangkan 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

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 -