고전 이벤트 모델
문서 객체의 이벤트 속성으로 이벤트를 연결하는 방법 (현대에도 많이 사용중)
<body>
<h1 id="header">Click</h1>
</body>
<script>
window.onload = finction () {
var header = document.getElementById('header');
header.onclick = function () {
alert('클릭');
};
};
</script>이벤트 리스너를 제거할 때는 문서 객체의 이벤트 속성에 null을 넣어줌
<script>
window.onload = finction () {
var header = document.getElementById('header');
header.onclick = function () {
alert('클릭');
header.onclick = null;
};
};
</script>고전 이벤트 모델은 이벤트 하나에 이벤트 리스너 하나만 연결할 수 있음
'Frontend > Java Script' 카테고리의 다른 글
| JS event (part. 06) - 이벤트 전달 (0) | 2020.07.27 |
|---|---|
| JS event (part. 05) - 디폴트 이벤트 제거 (0) | 2020.07.27 |
| JS event (part. 04) - 이벤트 강제 실행 (0) | 2020.07.27 |
| JS event (part. 03) - 이벤트 발생 객체와 이벤트 객체 (0) | 2020.07.25 |
| JS event (part. 01) - 이벤트 (0) | 2020.07.25 |
