목차
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
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.
