Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript HTML DOM에서 addEventListener() 메서드로 작업하는 방법은 무엇입니까?

addEventListener() 사용 이벤트 핸들러를 연결하는 메소드입니다.

예시

다음 코드를 실행하여 addEventListener() 작업 방법을 배울 수 있습니다. JavaScript의 메소드 -

<!DOCTYPE html>
<html>
   <body>
      <p>Double click the below button.</p>
      <button id = "btnid"> Double Click </button>
      <p id = "pid"> </p>
      <script>
         document.getElementById("btnid").addEventListener("dblclick", displayEvent);
         function displayEvent() {
            document.getElementById("pid").innerHTML = Date();
         }
      </script>
   </body>
</html>