목차
- mouseup 예제 - 마우스버튼 올라갈 때 실행
- mouseup 정의
- mouseup 구문
mouseup 예제 - 마우스버튼 올라갈 때 실행
<p id="hz" onmousedown="mouseDown()" onmouseup="mouseUp()"> 홈짱닷컴 Homzzang.com</p>
<script>
function mouseDown() {
document.getElementById("hz").style.color = "red";
}
function mouseUp() {
document.getElementById("hz").style.color = "blue";
}
</script>
결과보기
mouseup 정의
사용자가 마우스버튼 올릴 때 (= 누른 걸 뗄 때) 실행.
1. 마우스왼쪽버튼 관련 이벤트 순서.
2. 마우스오른쪽버튼 관련 이벤트 순서.
3.
모든 브라우저 지원.
4.
- 이벤트확산 : O
- 취소가능성 : O
- 이벤트타입 : MouseEvent
- 지원 HTML : 모든 HTML 요소, (예외: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, <title>)
- DOM 버전 : Level 2 Events
5. MDN mouseup 예제보기
https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseup_event
mouseup 구문
- <element onmouseup ="homzzang()">
- object.onmouseup = function(){homzzang()};
- object.addEventListener("mouseup", homzzang);
PS.
- homzzang : 실행함수명. (함수명 자리에 실행코드를 직접 입력 가능)
- addEventLister() 방식 주의사항 2가지 : ① 이벤트명에 on 안 붙인. / ② 실행함수명 뒤에 소괄호 안 붙임.
- addEventListener() 메서드는 IE8 및 그 이전 브라우저는 지원 X.