logo

자바스크립트 dblclick 이벤트

그만큼 dblclick 이벤트는 요소를 두 번 클릭하면 이벤트를 생성합니다. 매우 짧은 시간 내에 요소를 두 번 클릭하면 이벤트가 시작됩니다. JavaScript를 사용할 수도 있습니다. 추가이벤트리스너() 더블클릭 이벤트를 발생시키는 메소드

HTML에서는 ondblclick 더블클릭 이벤트를 생성하는 속성입니다.

통사론

이제 HTML과 HTML에서 두 번 클릭 이벤트를 생성하는 구문을 볼 수 있습니다. 자바스크립트 (사용하지 않고 추가이벤트리스너() 방법을 사용하거나 추가이벤트리스너() 방법).

HTML에서

 

자바스크립트에서

 object.ondblclick = function() { myScript }; 

JavaScript에서는 addEventListener() 메소드를 사용하여

 object.addEventListener('dblclick', myScript); 

더블 클릭 이벤트를 이해하기 위해 몇 가지 그림을 살펴보겠습니다.

예 - HTML에서 ondblclick 속성 사용

이 예에서는 HTML을 사용하여 두 번 클릭 이벤트를 생성합니다. ondblclick 기인하다.

 <h2> Double Click the text &apos;Hello world&apos; to see the effect. </h2> <p> This is an example of creating the double click event using the <b> addEventListener() method </b> . </p> document.getElementById(&apos;heading&apos;).addEventListener(&apos;dblclick&apos;, fun); function fun() { document.getElementById(&apos;heading&apos;).innerHTML = &apos; Welcome to the javaTpoint.com &apos;; } 
지금 테스트해보세요

산출

자바스크립트 dblclick 이벤트

텍스트를 두 번 클릭한 후 '안녕하세요 세상' , 출력은 -

자바스크립트 dblclick 이벤트