Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

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

Tag Pendukung: penggunaan atribut ondblclick didukung penggunaannya pada segala elemen html, kecuali.
  • <base>
  • <bdo>
  • <br>
  • <head>
  • <html>
  • <iframe>
  • <meta>
  • <param>
  • <script>
  • <style>
  • <title>

Sintak:
<element ondblclick="script">

Elemen: method berikut dapat digunakan pada atribut ondblclick.
  • <script>


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


Artikel ini didedikasikan kepada: Dina Muassaroh, Fadhiya Andini Maula, Fadilla Barochatul Subekti, Fajar Wahyu Pratama, dan Ghea Hayudhanti.

6 komentar untuk "Efek Ketika Melakukan Double Klik HTML Menggunakan Atribut onDblClick"

  1. Apa yang dimaksud dengan atribut event ondblclick pada elemen html?

    BalasHapus
    Balasan
    1. Properti 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.

      Hapus
  2. Apakah yang dimaksud dengan double klik pada elemen html?

    BalasHapus
    Balasan
    1. Double 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.

      Hapus
  3. Apa saja browser pendukung yang dapat digunakan untuk mengaktifkan atribut event ondblclik pada elemen html?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan atribut event ondblclick pada elemen html.
      1. Apple Safari
      2. Google Chrome
      3. Firefox
      4. Opera
      5. Internet Explorer

      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 -