GlobalEventHandlers.onclick

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

click 이벤트는 사용자가 요소를 클릭할 때 mousedown (en-US)mouseup (en-US) 다음으로 발동합니다.

참고: 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  

브라우저 호환성

BCD tables only load in the browser

같이 보기