Atribut OnContextMenu HTM dan Fungsinya
Atribut oncontextmenu merupakan atribut html yang bekerja ketika user melakukan klik kanan mouse pada elemen yang digunakan untuk membuka menu konteks.
Tag Pendukung:
Atribut oncontextmenu didukung penggunaannya oleh segala jenis elemen pada HTML.
Sintak:
<element oncontextmenu="script">
Value Atribut: merupakan atribut yang mengandung script value tunggal, dimana script tersebut dapat dijalankan ketika atribut oncentextmenu dipanggil. Atribut oncontextmenu didukung penggunaannya oleh segala jenis elemen pada HTML.
Catatan: atribut oncontextmenu merupakan elemen baru yang menjadi bagian dari HTML5.
 |
| Ilustrasi OnContextMenu HTML |
Sebelum memahami lebih dalam materi tentang Atribut OnContextMenu HTM dan Fungsinya, terlebih dahulu pelajari materi tentang: Efek Perubahan Elemen HTML Menggunakan Atribut OnChange [klik], Atribut OnUnload HTML dan Fungsinya [klik], dan Efek Perubahan Ukuran HTML Menggunakan Atribut OnResize [klik].
Atribut oncontextmenu didukung penggunaannya oleh segala jenis elemen pada HTML.
<element oncontextmenu="script">
Value Atribut: merupakan atribut yang mengandung script value tunggal, dimana script tersebut dapat dijalankan ketika atribut oncentextmenu dipanggil. Atribut oncontextmenu didukung penggunaannya oleh segala jenis elemen pada HTML.
Baca Juga:
Catatan: atribut oncontextmenu merupakan elemen baru yang menjadi bagian dari HTML5.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Event Atribut Oncontextmenu
</title>
<style>
div
{
background: Green;
border: 1px solid black;
padding: 10px;
width:60%;
color:white;}
h1
{
color:green;}
</style>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<h2>
Event Atribut Oncontextmenu
</h2>
<div
oncontextmenu="myFunction()"
contextmenu="mymenu">
<p>
Klik Kanan Pada Kotak Ini
</p>
</div>
<script>
function myFunction()
{
alert("Telah dilakukan klik
kanan pada kotak!");
}
</script>
</center>
</body>
</html>
Output:
Blog Elfan
Event Atribut Oncontextmenu
Klik Kanan Pada Kotak Ini
Referensi Tambahan:
- Cara Mudah Menggunakan Atribut OnSearch pada Elemen HTML [klik]
- 4 Elemen Utama dalam Penggunaan Atribut OnSelect pada HTML [klik]
- Cara Mudah Menggunakan Atribut OnSubmit pada Elemen HTML [klik]
- 11 Elemen yang Tidak Dapat Digunakan pada Atribut OnKeyDown HTML [klik]
- 11 Elemen yang Tidak Dapat Digunakan pada Atribut OnKeyUp pada HTML [klik]
- 3 Contoh Penggunaan Atribut Event OnClick pada Elemen HTML [klik]
- Cara Penggunaan Atribut onDblClick pada Elemen HTML [klik]
Artikel ini didedikasikan kepada: Yuni Kartika Sari, Achmad Haykal, Acmad Risyad Santoso, Adhimas Wahyutama Pramana Putra, dan Agung Dwi Saputra.
Apa yang dimaksud dengan atribut oncontextmenu pada elemen html?
BalasHapusAtribut oncontextmenu pada html digunakan untuk menentukan menu konteks pada sebuah elemen. Menu konteks merupakan menu yang muncul ketika user melakukan klik kanan pada elemen.
HapusEvent oncontextmenu pada html dapat aktif ketika user mencoba untuk membuka menu konteks. Kondisi ini biasanya terjadi karena dipicu oleh user yang melakukan klik kanan pada mouser, atau dengan menekan tombol menu pada konteks.
HapusApa value dari atribut oncontext menu pada eleme html?
BalasHapusNilai dari atribut oncontextmenu adalah id dari elemen < menu > yang akan dibuka.
Hapus