javascript 여러 엘리먼트에 한번에 이벤트리스너 등록하기

1. querySelectorAll 을 통해 이벤트를 등록할 모든 엘리먼트를 선택한다

let eventList = document.querySelectorAll('.event');

 

2. 선택한 엘리먼트에 forEach를 이용해 이벤트리스너 등록

eventList.forEach(function (event) {
	event.addEventListener('change', function () {
		//동작할 내용 
	});
});

 

forEach 가 궁금하다면?

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

Array.prototype.forEach() - JavaScript | MDN