Lompat ke konten Lompat ke sidebar Lompat ke footer

Efek Menjauhkan Mouse HTML Menggunakan Atribut OnMouseOut

Atribut event onmouseout pada html, merupakan atribut event yang dapat bekerja ketika pointer digerakkan keluar dari area spesifik pada elemen yang memiliki atribut tersebut.


Sebelum memahami lebih dalam materi tentang Efek Menjauhkan Mouse HTML Menggunakan Atribut OnMouseOut, terlebih dahulu pelajari materi tentang: Efek Ketika Menggerakkan Mouse HTML Menggunakan Atribut OnMouseMove, Efek Ketika Melakukan Double Klik HTML Menggunakan Atribut onDblClick, dan Efek Ketika Melakukan Klik HTML Menggunakan Atribut OnClick.

Sintak: <element onmouseout = "script">

Value Atribut: atribut ini mengandung script nilai tunggal yang dapat bekerja ketika mouse bergerak keluar dari elemen yang mengandung atribut tersebut.

Baca Juga:

Tag Pendukung: atribut ini didukung penggunannya oleh segala elemen html, kecuali.
  • <base>
  • <bdo>
  • <br>
  • <head>
  • <html>
  • <iframe>
  • <meta>
  • <param>
  • <script>
  • <style>
  • <title>

Contoh: ilustrasi penggunaan atribut event onmouseout yang akan menampilkan pesan peringatan ketika mouse bergerak keluar dari paragraf elemen.

<!DOCTYPE html>

<html>

 

<head>

<title>

onmouseout Event Attribute

</title>

 

<script>

/* Script akan dijalankan 

ketika event onmouseout 

dipanggil */

function tatang() 

{

alert("Mouse jangan pergi");

}

</script>

</head>

 

<body style = "text-align:center">

 

<h2>

atribut event onmouseout

</h2>

 

<!-- event onmouseout -->

<p onmouseout = "tatang()">

Portal Ilmu Komputer

</p>

 

</body>

 

</html>


Artikel ini didedikasikan kepada: Fadilla Barochatul Subekti, Fajar Wahyu Pratama, Ghea Hayudhanti, Haffid Rizki Pangestu, dan Hendita Irza Permana.

7 komentar untuk "Efek Menjauhkan Mouse HTML Menggunakan Atribut OnMouseOut"

  1. Browser apa saja yang dapat digunakan untuk atribut onmouseout pada elemen html?

    BalasHapus
    Balasan
    1. Beberapa jenis atribut yang dapat digunakan untuk penerapan atribut onmouseout pada elemen html adalah:
      1. Google Chrome
      2. Internet Explorer
      3. Safari
      4.Firefox
      5. Opera

      Hapus
  2. Apa yang dimaksud dengan atribut onmouseout pada elemen html?

    BalasHapus
    Balasan
    1. Atribut onmouseout dapat diaktifkan ketika pointer mouse bergerak keluar dari elemen yang memiliki atribut tersebut.

      Hapus
    2. Catatan:Atribut onmouseout biasanya digunakan secara bersamaa dengan atribut onmouseover.

      Hapus
  3. Apakah penggunaan atribut onmouseout dapat diterapkan pada kode CSS?

    BalasHapus
    Balasan
    1. CSS tidak mendukung penggunaan atribut onmousein atau onmouseout pada browser, sebagai gantinya CSS dapat diterapkan pada bagian hover.

      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 -