1월, 2020의 게시물 표시

alert 사용 시 브라우저별 script처리 및 event가 다른 현상

alert 사용 시 브라우저별 script 처리 및 event가 다른 현상  window의 내장함수인 alert()을 사용 시 브라우저별로 script 처리 및 event가 다른 현상 문법 window.alert([message]) | alert([message]) message에 경고 대화상자 창에 표시할 텍스트를 입력합니다. 현상 현상 확인의 경우 하단의 링크에서 확인 가능합니다 샘플 링크 mousedown event에서 alert()을 실행 시 브라우저 별 event 발생이 다르며 script 처리 방식에 차이가 존재합니다. IE11, Edge와 같이 OS, 브라우저 버전에 따라 차이가 존재합니다. 브라우저별 확인 결과 크게 3가지로 분류가 가능합니다. event 미발생 : mouseup event가 발생 X chrome, IE11(win7) event 발생 : alert 실행 중 mouseup event가 발생 IE11(win10), Edge(18) Edge(18)의 경우 mouseup event가 발생하나 alert, confirm를 실행 시 해당 동작이 수행되지 않습니다. event block 후 발생 : alert 창이 닫힌 후 event 발생 FireFox 해결방안 실행 시점 변경 alert 발생 시 창이 닫혔는지 알 수 있는 방안이 없으며, 브라우저 별 script처리 및 event 발생 차이가 존재 실행 시점을 mouseup, click event으로 변경하여 호출