Javascript alert

Question

안녕하세요. 아래와 유사한 스크립트가 있는데요. 버튼을 중복으로 클릭하지 못하게 하려고 state를 통해서 Alert를 표시해 주고 있습니다. 그런데 Alert를 일정 시간 이상 끄지 않고 켜놓은 후에 확인 버튼을 눌러도 다음 함수가 진행이 안됩니다. 왜 그런지 알 수 있을까요?

퀘이사123 · Answer

일단 해당 코드만 봐서는 alert이 뜰 일은 없습니다.자바스크립트에서 이벤트는 여러번 클릭한다고 연달아 동작하는게 아니라 순서대로 스택에 올라가 먼저 올라온 이벤트가 끝날때까진 다음 이벤트를 실행하지 못 하거든요. 그래서 위의 코드는 그냥 누를때마다 스택에 올라가 누른만큼 실행됩니다. 이벤트에 ajax 같은 비동기처리 함수가 있다면 alert이 뜰 텐데, 이경우에도 alert이 이미 실행되는 함수를 없애거나 하진 않습니다. alert 뜰 때 따로 어떤 처리를 하지 않으셨으면, alert은 그냥 현재 동작들을 모두 막아버릴뿐이라,확인을 누르면 기존 실행되던 이벤트가 다시 동작하게 됩니다. 저런식으로 막는거 보단 누르는 순간 버튼을 disabled 시켜버리고 작업이 끝난 후 풀어버리면 쓸데없는 클릭으로 이벤트가 쌓이는걸 막을 수 있습니다.

Javascript alert

1개의 답변

Q&A 목록