Efek Ketika Melakukan Double Klik HTML Menggunakan Atribut onDblClick
Atribut event ondblclick pada html akan aktif ketika dilakukan double click pada salah satu elemen html menggunakan mouse. Atribut ondblclick merupakan atribut bagian dari atribut event html.
Tag Pendukung: penggunaan atribut ondblclick didukung penggunaannya pada segala elemen html, kecuali.
Sintak:
<element ondblclick="script">
Elemen: method berikut dapat digunakan pada atribut ondblclick.
 |
| Ilustrasi Atribut OnDblClick HTML |
Sebelum memahami lebih dalam materi tentang Efek Ketika Melakukan Double Klik HTML Menggunakan Atribut onDblClick, terlebih dahulu pelajari materi tentang: Efek Ketika Melakukan Klik HTML Menggunakan Atribut OnClick [klik], Efek Setelah Menekan Tombol HTML Menggunakan Atribut OnKeyUp [klik], dan Efek Tika Menekan Tombol HTML Menggunakan Atribut OnKeyDown [klik].
- <base>
- <bdo>
- <br>
- <head>
- <html>
- <iframe>
- <meta>
- <param>
- <script>
- <style>
- <title>
Sintak:
<element ondblclick="script">
- <script>
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<body>
<center>
<h1
style="color:green;font-style:italic;">
Blog Elfan
</h1>
<h2
style="color:green;font-style:italic;">
Atribut Event Odblclick
</h2>
<button
ondblclick="klikganda()">
Double Klik Disini
</button>
<p id="sudo"></p>
<script>
function klikganda()
{
document.getElementById("sudo").innerHTML =
"Selamat Pagi Indosiar";
}
</script>
</center>
</body>
</html>
Output:
Blog Elfan
Atribut Event Odblclick
Referensi Tambahan:
- 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]
- Cara Mudah Menggunakan Atribut OnDragLeave pada Elemen HTML [klik]
- Cara Efektif Penggunaan Atribut OnDragStart pada HTML [klik]
- Cara Menggunakan Atribut Event OnDrop pada Elemen HTML [klik]
Artikel ini didedikasikan kepada: Dina Muassaroh, Fadhiya Andini Maula, Fadilla Barochatul Subekti, Fajar Wahyu Pratama, dan Ghea Hayudhanti.
Apa yang dimaksud dengan atribut event ondblclick pada elemen html?
BalasHapusProperti ondblclick pada mixin GlobalEventHandlers adalah event handler yang memproses event dblclick pada elemen yang berikan. Event dblclick dimunculkan ketika user mengliklik dua kali sebuah elemen.
HapusApakah yang dimaksud dengan double klik pada elemen html?
BalasHapusDouble klik itu, maksudnya adalah melakukan klik ganda pada satu elemen saja, contoh jika mengklik elemen botton, maka lakukan proses klik tersebut sebanyak 2 kali secara langsung, tanpa ada jeda.
HapusApa saja browser pendukung yang dapat digunakan untuk mengaktifkan atribut event ondblclik pada elemen html?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan atribut event ondblclick pada elemen html.
Hapus1. Apple Safari
2. Google Chrome
3. Firefox
4. Opera
5. Internet Explorer