addEventListener – element에 이벤트 등록 예제

■ 참조 – http://div.or.kr/js-studying/addEventListener
 

■ 이벤트 리스트 – http://www.w3schools.com/jsref/dom_obj_event.asp
 

■ 예제 소스

<!DOCTYPE html>

<head>
<meta http-equiv="Content-Type"
    content="text/html;
    charset=utf-8" />
<title>addListener test</title>

<script type="text/javascript">

window.onload = function() {

    var eventBtn1 = document.getElementById("eventBtn1");
    var eventBtn2 = document.getElementById("eventBtn2");

    eventBtn1.addEventListener("click", myBtnClickHandler );
    eventBtn2.addEventListener("click", function() {
        console.log("eventBtn2가 클릭되었습니다.");   
    });
}

function myBtnClickHandler() {
    console.log("eventBtn1가 클릭되었습니다.");   
};

</script>
</head>

<body>
<button id="eventBtn1">이벤트 버튼1</button>
<button id="eventBtn2">이벤트 버튼2</button>
</body>
</html>

 

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다