html 코드
으아아아추가 버튼을 클릭하면 경고('1')가 먼저 실행되고 대화 상자가 팝업됩니다. 대화 상자를 닫은 후 추가를 클릭하면 경고('1')가 실행됩니다. 두 번, 즉 두 개의 경고 상자를 받게 된다고 되어 있지만, Alert('1')이 완료된 후에 모달 대화 상자가 나타납니다. Modal 대화 상자를 닫고 버튼을 다시 클릭하면 Alert('1')이 세 번 실행되는 식입니다.
그렇다면 버튼을 클릭한 횟수에 따라 다음 코드가 여러 번 실행된다고 이해해도 될까요?
으아아아그럼 이 문제는 어떻게 해결해야 할까요?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
사실 이렇게 하면 해결이 됩니다. 저는 프론트엔드 사람은 아니지만 이런 문제를 겪은 적이 있습니다.
첫 번째 방법: 클릭 이벤트 외부에서 이벤트 정의으아아아
두 번째 방법: 먼저 이벤트를 제거한 다음 이벤트를 바인딩합니다으아아아
이 문제의 원인을 전혀 이해하지 못했습니다. 이제 무차별적인 해결책은 대화 상자를 닫은 후 제거()하는 것입니다. 그러면 문제가 해결됩니다.
JS 코드
으아아아