[JavaScript] 이벤트 등록 및 삭제하기 : EventListener

EventListener 등록하기

1. onclick="function-name()"

<div onclick="buttonOnclick()">click</div> 
<script>
function buttonOnclick() {		
    console.log("button click!"); 
}
</script>

2. el.addEventListener('type', function-name, _option_);

var target = document.getElementById('btn');

function buttonOnclick() {
    console.log("button click!"); 
}

target.addEventListener('click', buttonOnclick);

3. el.addEventListener('type', function() {});

target.addEventListener('click', function() { 
    console.log("button click!"); 	// button element
});

4. el.addEventListener('type', () => {});

target.addEventListener('click', ()=> { 
    console.log("button click!"); 	// Window
});

 

EventListener 삭제하기

el. removeEventListener('type', function-name);