[attribute] HTML - onmousedown 속성 - 마우스버튼 내려갈 때 실행 (= onmousedown속성 = 온마우스다운속성) ※ onmousedown이벤트 = 온마우스다운이벤트 ※마우스버튼 누를 때 실행

1. onmousedown 예제 - 마우스버튼 내려갈 때 실행
2. onmousedown 정의
3. onmousedown 구문

onmousedown 예제 - 마우스버튼 내려갈 때 실행

 

<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>

 

결과보기

onmousedown 정의

 

마우스버튼 내려갈 때 실행할 코드 지정.

 

---

 

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

모든 가시 HTML 요소

 

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

1. onmousedown
2. onmouseup
3. onclick

 

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

1. onmousedown
2. onmouseup
3. oncontextmenu

 

3.

모든 브라우저 지원.

 

onmousedown 구문

 

HTML 방식

• <element onmousedown="myScript">

 

JS 방식 (3가지)

• object.onmousedown = ()=>{myScript};
• object.onmousedown = function(){myScript};
• object.addEventListener("mousedown", myScript);

---

[속성값]

 

myScript

마우스버튼 내려갈 때, 실행할 JS 코드

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