EventListener 방식

Whoyoung90·2021년 1월 13일

1) 한 개의 이벤트 + 다중 EventListener

<input type="button" id="target" value="button" />
 var t = document.getElementById('target');
 t.addEventListener('click', function(event){alert(1);} );
 t.addEventListener('click', function(event){alert(2);} );

2) 다중 이벤트 + 한 개의 EventListener

<input type="button" id="btn1" value="button1" />
<input type="button" id="btn2" value="button2" />
    var t1 = document.getElementById('btn1');
    var t2 = document.getElementById('btn2');
    t1.addEventListener('click', listener);
    t2.addEventListener('click', listener);
    function listener(event){
        switch(event.target.id){
            case 'btn1': alert(1); break;
            case 'btn2': alert(2); break;
        }
    }
profile
비전공으로 일식 쉐프가 되었듯, 배움에 겸손한 프론트엔드 개발자가 되겠습니다 :)

0개의 댓글