마우스 클릭 이벤트 순서(mouse click event)

Explain

마우스 클릭시 발생하는 이벤트 순서는 onmousedown -> onmouseup -> click 순이다.

onmousedown되고 onclick 되고 onmouseup아닌가라고 생각하기 쉬운데 아니더라.. ㅋ

참고로 onmousedown에서 alert를 띄우면 클릭해도 onmouseup, onclick 이벤트 모두 발생하지 않지만, onmouseup에서 alert를 띄우면 onclick까지 정상적으로 먹는다.

보아하니 down에서 alert시에는 이벤트가 끊기지만 up에서 alert를 하는 경우는 down에서 먹은 이벤트가 up과는 별개로 click까지 가는 모양이다.

Example

클릭

클리어

alert 추가 안함(default) mousedown에 추가 mouseup에 추가