GlobalEventHandlers 믹스인mixin의 onclick 속성은 주어진 요소의 click 이벤트를 처리하기 위한 EventHandler입니다.

click 이벤트는 사용자가 요소를 클릭할 때 mousedownmouseup 다음으로 발동합니다.

참고: click 이벤트에 행동을 붙일 땐, 마우스나 터치 스크린을 사용하지 않는 사용자도 그 행동을 할 수 있도록 keydown이벤트에도 똑같이 적용하는걸 고려해보세요.

구문

target.onclick = functionRef;

functionRef는 함수 이름이거나 함수 표현식으로, 유일한 매개변수로 MouseEvent 객체를 받습니다. 함수 내에서 this는 이벤트가 발동한 요소를 가리킵니다.

하나의 객체에는 하나의 onclick 처리기만 할당할 수 있습니다. 더 유연한EventTarget.addEventListener() 메서드를 선호하는 편이 좋을 수도 있습니다.

예제

다음 예제는 클릭 위치를 기록합니다.

HTML

<p>Click anywhere in this example.</p>
<p id="log"></p>

JavaScript

let log = document.getElementById('log');

document.onclick = inputChange;

function inputChange(e) {
  log.textContent = `Position: (${e.clientX}, ${e.clientY})`;
}

결과

명세

Specification Status Comment
HTML Living Standard
The definition of 'onclick' in that specification.
Living Standard  

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome Full support YesEdge Full support YesFirefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support

같이 보기

문서 태그 및 공헌자

이 페이지의 공헌자: urty5656, Parcovia
최종 변경자: urty5656,