Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

Penggunaan Atribut OnContextMenu pada Elemen HTML
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].

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.

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


Artikel ini didedikasikan kepada: Yuni Kartika Sari, Achmad Haykal, Acmad Risyad Santoso, Adhimas Wahyutama Pramana Putra, dan Agung Dwi Saputra.

5 komentar untuk "Atribut OnContextMenu HTM dan Fungsinya"

  1. Apa yang dimaksud dengan atribut oncontextmenu pada elemen html?

    BalasHapus
    Balasan
    1. Atribut oncontextmenu pada html digunakan untuk menentukan menu konteks pada sebuah elemen. Menu konteks merupakan menu yang muncul ketika user melakukan klik kanan pada elemen.

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

      Hapus
  2. Apa value dari atribut oncontext menu pada eleme html?

    BalasHapus
    Balasan
    1. Nilai dari atribut oncontextmenu adalah id dari elemen < menu > yang akan dibuka.

      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 -