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.

io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/ko/web/api/element/index.md)

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