Lompat ke konten Lompat ke sidebar Lompat ke footer

Efek Melepaskan Klik Mouse HTML Menggunakan OnMouseUp

Atribut onmouseup merupakan salah satu atribut html yang dapat diaktifkan ketika mouse dilepaskan dari elemen tertentu pada html. 

11 Elemen Terlarang pada Penggunaan Atribut OnMouseUp HTML
Ilustrasi Atribut OnMouseUp HTML

Sebelum memahami lebih dalam materi tentang Efek Melepaskan Klik Mouse HTML Menggunakan OnMouseUp, terlebih dahulu pelajari materi tentang: Efek Menggerakkan Mouse HTML Menggunakan Atribut OnMouseOver [klik], Efek Menjauhkan Mouse HTML Menggunakan Atribut OnMouseOut [klik], dan Efek Ketika Menggerakkan Mouse HTML Menggunakan Atribut OnMouseMove [klik].

Atribut onmouseup biasanya digunakan secara bersamaan dengan beberapa jenis atribut lain, seperti:
  • onmousedown
  • onmouseup
  • onclick

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

Sintak:
<element onmouseup = "script">

Value Atribut: mengandung script nilai tunggal yang dapat bekerja ketika atribut onmouseup dipanggil.

Baca Juga: 

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

atribut event onmouseup

</title>

 

<style>

h1 

{

color:green;}

 

body 

{

text-align:center;}

</style>

</head>

 

<body>

<center>

 

<h1>

Blog Elfan

</h1>

 

<h2>

atribut event onmouseup

</h2>

 

<

id="ggg" 

onmouseup="mouseUp()">

Blog Elfan: Portal ilmu komputer

</p>

 

<script>

function mouseUp() 

{

document.getElementById("ggg").style.color

"green";

document.getElementById("ggg").style.fontSize

"20px";

}

</script>

 

</center>

</body>

 

</html>

Output:

Blog Elfan

atribut event onmouseup

Blog Elfan: Portal ilmu komputer


Artikel ini didedikasikan kepada: Ghea Hayudhanti, Haffid Rizki Pangestu, Hendita Irza Permana, Ibanez Alvareza, dan Muhamad Miftakhul Huda.

6 komentar untuk "Efek Melepaskan Klik Mouse HTML Menggunakan OnMouseUp"

  1. Apa yang dimaksud dengan 'dilepaskan' pada artikel tentang atribut onmouse up html?

    BalasHapus
    Balasan
    1. Saat sedang mengarahkan kursor ke salah satu elemen, kemudian melakukan klik mouse, dan setelah itu melepaskan kembali klis mouse tersebut, itulah yang dimaksud dengan melepaskan.

      Hapus
  2. Apa yang dimaksud dengan event onmouseup pada elemen html?

    BalasHapus
    Balasan
    1. Atribut onmouseup merupakan atribut yang dapat aktif ketika tombol mouse dilepaskan di atas sebuah elemen.

      Hapus
  3. Apa yang terjadi jika mouse yang ditekan tidak pernah dilepaskan pada elemen tersebut?

    BalasHapus
    Balasan
    1. jari user dapat mengalami rasa kesemutan karena terlalu lama menekan mouse.

      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 -