일부 onclick 버튼에 영향을주지 않고 일부 버튼에서 onclick 함수 호출 (버튼에 대한 모든 준비가 완료 됨) - JavaScript

Question

나는 JavaScript에 익숙하지 않고 여전히 배우기 쉽습니다. onclick 이벤트에 몇 가지 기능이있는 버튼이있는 개발자를 개발했습니다. 하지만이 버튼 중 하나를 클릭 할 때 anothe 함수를 호출하고 싶습니다. 버튼의 정상적인 기능에는 영향을 미치지 않습니다. (이 공통 함수는 버튼의 개별 기능에 따라 부모 div의 높이를 변경합니다.

나는 내 공통 기능을 각 개별 기능 안에 넣을 수 있습니다. 하지만 perluler div 안에있는 모든 버튼을 클릭 할 때 anothe 함수를 호출하는 다른 deffecrent 방법이 있는지 알고 싶습니다.이 함수는 각 버튼 onclick 이벤트에 수동으로 넣지 않아도됩니다. 또는 적어도 거기에 div의 모든 하위 단추에 이벤트 listner를 한 번에 추가 할 수있는 방법이 있습니다. 그냥 another click handler가 여러 기능을 실행해야합니다 추가 할 경우

만 순수 자바 스크립트

Answer 1

를 사용하여. 이벤트 핸들러가 호출되는 순서를 실제로 제어 할 수는 없다는 점에 유의하십시오. 그러니 조심하십시오.

document.getElementsByClassName("buttonClass").addEventListener("click", myFunctionAction) 

요소를 얻는 방법은 사용자의 숙제입니다. 중요한 부분은 addEventListener입니다. 요소에 대해 여러 번 실행하면 버튼 클릭시 더 많은 기능이 실행됩니다.