GlobalEventHandlers
믹스인mixin의 onclick
속성은 주어진 요소의 click
이벤트를 처리하기 위한 EventHandler
입니다.
click
이벤트는 사용자가 요소를 클릭할 때 mousedown
과 mouseup
다음으로 발동합니다.
참고:
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
같이 보기
click
이벤트- 관련 이벤트 처리기