복수요소 자체에 이벤트 리스너를 거는 것은 불가하며
node 요소의 iterator 속성을 사용해 요소 하나 마다 이벤트 리스너를 걸어주어야 합니다.
타겟 노드를 선택한 후 반복문을 사용해 개별 요소를 변수에 담고,
개별 요소마다 eventListener를 지정하는 방식을 사용할 수 있습니다.
예시
window.onload = () => {
let buttons = document.getElementsByClassName('delButton');
for(var i=0;i<buttons.length;i++){
let eachButton = buttons[i];
eachButton.addEventListener('click', function(event){
if(event.target.value == '0'){
alert('최소 한 행은 삭제가 불가합니다.');
}else{
delRow(event, no);
}
});
}
반응형
'프론트엔드' 카테고리의 다른 글
[JavaScript Patterns] 핵심 정리: 실전 코딩 적용 전략 (1) | 2025.04.10 |
---|---|
AJAX를 사용해 JSON데이터를 넘길 때 발생 가능한 보안 위협과 해결방안에 관하여... (0) | 2023.10.22 |
크롬 강력 새로고침 단축키 (0) | 2023.09.17 |
'addEventListener is not a function' 에러 해결 (0) | 2023.08.20 |
JS TEMPLATE ENGINE 의 개념과 Handlebars 사용법 (1) | 2023.07.28 |