14.3

우클릭으로 물음표와 깃발 표시하기

좌클릭을 구현하기 전에 난도가 낮은 우클릭부터 구현해 보겠습니다. 깃발은 따로 이미지가 없으니 느낌표로 표시하겠습니다.

지금까지 마우스를 클릭할 때 click 이벤트를 연결했지만, 우클릭은 contextmenu라는 이벤트가 따로 존재합니다. 단, 웹 브라우저 화면에서 우클릭하면 팝업 메뉴가 기본 동작으로 뜹니다. 이 동작을 없애야(preventDefault()) 우클릭했을 때 원하는 대로 작동합니다.