HTML 참조 설명서

HTML 태그 전체 목록

HTML onmousedown 이벤트 속성

onmousedown 속성은 현재 요소의 mousedown 이벤트의 이벤트 처리 함수를 가져오거나 설정합니다

온라인 예제

마우스 버튼을 패러그래프에 누를 때 JavaScript를 실행합니다:

예제

<!DOCTYPE html>
<html>
<head>
<title>HTML onmousedown 이벤트 속성 사용(기본 강의 사이트 oldtoolbag.com)</title>
</head>
<body>
<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
글자를 클릭하세요! 마우스 버튼을 이 패러그래프에 누를 때마다 mouseDown() 함수가 호출됩니다. 이 함수는 텍스트의 색을 빨간색으로 설정합니다. 마우스 버튼을 떼면 mouseUp() 함수가 호출됩니다. mouseUp() 함수는 텍스트의 색을绿色发展합니다.</p>
<script>
function mouseDown() {
　　document.getElementById("p1").style.color = "red";
}
function mouseUp() {
　　document.getElementById("p1").style.color = "green";
}
</script>
</body>
</html>

테스트를 보자 ‹/›

현재 요소에 마우스를 누른 상태에서 mousedown 이벤트가 발생합니다

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 onmousedown 이벤트 속성을 지원합니다

정의와 사용법

요소에 마우스 버튼을 누를 때 onmousedown 속성이 발생합니다.

안내: onmousedown 이벤트와 관련된 이벤트 발생 순서 (왼/(중 마우스 버튼):

onmousedown
onmouseup
onclick과 onmousedown 이벤트가 관련된 이벤트 발생 순서(右边 마우스 버튼):
onmousedown
onmouseup
oncontextmenu

주의: onmousedown 속성은 다음 요소에 사용할 수 없습니다: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 또는<title>.

HTML 4.01 HTML과5간의 차이

없음.

문법

<요소 onmousedown="script">

속성 값

값	설명
script	onmousedown 이벤트가 발생할 때 실행할 스크립트를 정의합니다.

HTML 이벤트 속성 　　　　

HTML: <template> 태그