여러 요소에 동시 이벤트 리스너 연결:
웹 개발에서 이벤트 리스너를 DOM 요소에 연결하는 것은 상호작용에 매우 중요합니다. 여러 요소를 처리할 때 리스너를 개별적으로 추가하는 것은 지루할 수 있습니다. 이 문서에서는 동일한 이벤트 리스너를 한 줄의 여러 요소에 할당하는 방법에 대한 질문을 다룹니다.
다음 예를 고려하세요.
<code class="javascript">element1.addEventListener("input", function() { // this function does stuff }); element2 && element2.addEventListener("input", function() { // this function does stuff });</code>
이 접근 방식이 작동하는 동안 별도로 작성해야 합니다. 각 요소에 대한 선입니다. 보다 효율적인 솔루션은 요소 배열을 사용하는 것입니다. 방법은 다음과 같습니다.
<code class="javascript">let elementsArray = document.querySelectorAll("whatever"); elementsArray.forEach(function(elem) { elem.addEventListener("input", function() { // This function does stuff }); });</code>
배열에 요소를 배치하면 각 요소를 반복하고 한 줄로 모든 요소에 이벤트 리스너를 추가할 수 있습니다. 이 기술은 이벤트 리스너 첨부 코드를 단순화하는 간결하고 편리한 방법을 제공합니다.
위 내용은 한 줄에 있는 여러 요소에 이벤트 리스너를 연결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!