javascript로 마우스 클릭 위치 알아오기

마우스 클릭 이벤트가 발생하면 이벤트 핸들러를 통해서 발생한 그 이벤트를 받아볼수 있다.


    <!DOCTYPE html>
    <html id="area">
      <head>
      <style>
        #area { background-color: pink; }
      </style>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
      <script>
        $(function(){
          $('#area').click( function (event) {
            x = event.pageX; 
            y = event.pageY; 
            console.log(x, y);
          });
        });
      </script>
      </head>
    </html>