목차
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. 불펌 방지는 사실 상 불가능하니, 강력한 법적 경고 메세지 사용 권장.
