[attribute] HTML - onmouseup 속성 - 마우스버튼 올라갈 때 실행 (= onmouseup속성 = 온마우스업속성) ※ onmouseup이벤트 = 온마우스업이벤트 ※ 누른 마우스버튼 풀 때

1. onmouseup 예제 - 마우스버튼 올라갈 때 실행
2. onmouseup 정의
3. onmouseup 구문

onmouseup 예제 - 마우스버튼 올라갈 때 실행

 

<h1 id="hz" onmousedown="mouseDown()" onmouseup="mouseUp()">홈짱닷컴 Homzzang.com</h1>

<script>

function mouseDown() {

  document.getElementById("hz").style.color = "red";

}

function mouseUp() {

  document.getElementById("hz").style.color = "blue";

}

</script>

 

결과보기

onmouseup 정의

 

마우스버튼 올라갈 때 실행할 코드 지정.

 

---

 

1. onmouseup 속성 사용 가능 태그 종류

모든 가시 HTML 요소

 

2-1. (왼쪽/가운데) 마우스버튼 관련 이벤트 발생 순서

1. onmousedown
2. onmouseup
3. onclick

 

2-2. (오른쪽) 마우스버튼 관련 이벤트 발생 순서

1. onmousedown
2. onmouseup
3. oncontextmenu

 

3.

모든 브라우저 지원.

 

onmouseup 구문

 

HTML 방식

• <element onmouseup="myScript">

 

JS 방식 (3가지)

• object.onmouseup = ()=>{myScript};
• object.onmouseup = function(){myScript};
• object.addEventListener("mouseup", myScript);

---

[속성값]

 

myScript

마우스버튼 올라갈 때, 실행할 JS 코드

• 주의: 함수명 사용 시, 다른 곳은 전부 소괄호까지 사용해 함수 호출하나 핑크색 myScript 자리는 "함수명만" 사용해 함수 호출.
• 사용 방식 통일 권장.