GlobalEventHandlers.ondblclick
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
ondblclick
property는 현재 요소(element)의 onDblClick 이벤트 핸들러 코드를 돌려줍니다.
구문
js
element.ondblclick = function;
function
은 사용자 정의 함수이며, () 나 변수를 제외하고 생성할 수 있고 또는 아래와 같이 함수명을 선언하지 않고 생성할 수 있습니다.
js
element.ondblclick = function () {
console.log("ondblclick event detected!");
};
예제
다음 예제는 더블클릭의 위치를 기록합니다.
HTML
html
<p>Double click anywhere in this example.</p>
<p id="log"></p>
JavaScript
js
let log = document.getElementById("log");
document.ondblclick = logDoubleClick;
function logDoubleClick(e) {
log.textContent = `Position: (${e.clientX}, ${e.clientY})`;
}
결과
명세
Specification |
---|
UI Events # event-type-dblclick |
HTML Standard # handler-ondblclick |
브라우저 호환성
BCD tables only load in the browser