onmousedown 이벤트
정의와 사용법
사용자가 요소에 마우스 버튼을 누를 때 onmousedown 이벤트가 발생합니다.
훌륭한 팁:onmousedown 이벤트와 관련된 이벤트 순서(마우스 왼쪽/가운데 버튼에 대해):
onmousedown 이벤트와 관련된 이벤트 순서(마우스 오른쪽 버튼에 대해):
예제
파라그램에 마우스 버튼을 누를 때 JavaScript를 실행합니다:
<p onmousedown="myFunction()">텍스트를 클릭하세요!</p>
페이지 하단에 더 많은 TIY 예제가 있습니다.
문법
HTML에서:
<element onmousedown="myScript">
JavaScript에서:
object.onmousedown = function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여:
object.addEventListener("mousedown", myScript);
주의사항:인터넷 익스플로러 8 이전 버전은 지원하지 않습니다. addEventListener() 메서드.
기술 세부 사항
| 버블링: | 지원 |
|---|---|
| 취소 가능: | 지원 |
| 이벤트 유형: | MouseEvent |
| 지원되는 HTML 태그: | 모든 HTML 요소, 제외:<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> 및 <title> |
| DOM 버전: | 레벨 2 이벤트 |
브라우저 지원
| 이벤트 | 크롬 | IE | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|---|
| onmousedown | 지원 | 지원 | 지원 | 지원 | 지원 |
더 많은 예제
- 버튼을 누를 때 파라미터를 가진 함수가 트리거됩니다.
- 마우스 버튼이 <p> 요소에 눌러졌을 때, 그 색상을 빨간색으로 변경합니다.
- 누른 마우스 버튼을 알립니다.
- 사용자가 누른 마우스 버튼을 알립니다.
- 클릭한 요소를 표시합니다
- 사용자가 클릭한 요소의 이름을 알립니다.
