목차
- mousedown 예제 - 마우스버튼 누르기 이벤트
- mousedown 정의
- mousedown 구문
- mousedown 예제 - 마우스오른쪽 버튼 누르면 경고창 띄우기
mousedown 예제 - 마우스버튼 누르기 이벤트
<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>
결과보기
mousedown 정의
사용자가 마우스 버튼 누를 때 실행.
1.
마우스왼쪽버튼 관련 이벤트 순서.
- onmousedown
- onmouseup
- onclick
2.
마우스오른쪽버튼 관련 이벤트 순서.
- onmousedown
- onmouseup
- oncontextmenu
3.
- 이벤트확산 : O
- 취소가능성 : O
- 이벤트타입 : MouseEvent
- 지원 HTML : 모든 HTML 요소, (예외: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, <title>)
- DOM 버전 : Level 2 Events
4.
모든 브라우저 지원.
mousedown 구문
HTML 속성 방식
<element onmousedown="homzzang()">
JS 속성 방식
object.onmousedown= function(){homzzang()};
JS 메서드 방식
object.addEventListener("mousedown", homzzang);
mousedown 예제 - 마우스오른쪽 버튼 누르면 경고창 띄우기
<script>
function No_MouseRight() {
if (event.button==2) {
alert('마우스오른쪽 버튼은 홈짱이 접수. - 홈짱닷컴 (Homzzang.com)');
}
}
document.onmousedown=No_MouseRight;
</script>
결과보기
PS1. (복사하기: Ctrl + C , 붙여넣기: Ctrl + V) 단축키 사용 시 펌 가능.
PS2. 불펌 방지는 사실 상 불가능하니, 강력한 법적 경고 메세지 사용 권장.
