GlobalEventHandlers.onclick

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

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

구문

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})`;
}

결과

명세

브라우저 호환성

같이 보기

• click 이벤트
• 관련 이벤트 처리기
  • GlobalEventHandlers.onauxclick
  • GlobalEventHandlers.ondblclick