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.
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.
Tag Pendukung: atribut ini didukung penggunannya oleh segala elemen html, kecuali.
 |
| Ilustrasi Atribut OnMouseOut HTML |
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 [klik], Efek Ketika Melakukan Double Klik HTML Menggunakan Atribut onDblClick [klik], dan Efek Ketika Melakukan Klik HTML Menggunakan Atribut OnClick [klik].
<element onmouseout = "script">
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>
Referensi Tambahan:
- 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]
- Cara Mudah Menggunakan Atribut OnScroll pada Elemen HTML [klik]
- 3 Cara Mengaktifkan Atribut OnCopy pada Elemen HTML [klik]
Artikel ini didedikasikan kepada: Fadilla Barochatul Subekti, Fajar Wahyu Pratama, Ghea Hayudhanti, Haffid Rizki Pangestu, dan Hendita Irza Permana.
Browser apa saja yang dapat digunakan untuk atribut onmouseout pada elemen html?
BalasHapusBeberapa jenis atribut yang dapat digunakan untuk penerapan atribut onmouseout pada elemen html adalah:
Hapus1. Google Chrome
2. Internet Explorer
3. Safari
4.Firefox
5. Opera
Apa yang dimaksud dengan atribut onmouseout pada elemen html?
BalasHapusAtribut onmouseout dapat diaktifkan ketika pointer mouse bergerak keluar dari elemen yang memiliki atribut tersebut.
HapusCatatan:Atribut onmouseout biasanya digunakan secara bersamaa dengan atribut onmouseover.
HapusApakah penggunaan atribut onmouseout dapat diterapkan pada kode CSS?
BalasHapusCSS tidak mendukung penggunaan atribut onmousein atau onmouseout pada browser, sebagai gantinya CSS dapat diterapkan pada bagian hover.
Hapus