자바스크립트에서 클릭혹은 터치이벤트로 영역에 따라 다른 이벤트 처리 할때 타겟을 활용한 방법

화면 영역에서 클릭한 영역마다 HTML 엘리멘트가 겹칠경우 겹치 영역에 따라 다른 이벤트를 처리하기 위해서는 이벤트 구분이 필요하다.

픽셀단위로 영역을 짜르는 경우는 해상도가 디바이스마다 다른 요즘환경에서는 사용하기 어려운 방법이기 때문에 

다른방법으로 영역을 잡는 방법이 있지 않을까 해서 자바스크립트 레퍼런스를 뒤지던중 아래와 같은 방법으로 처리하게되었다.

$("selector").click(function(evt) {
    var target = evt.originalEvent.target;
    if (target.nodeName == "CANVAS") {
        // 클릭한 영역이 캔버스일 경우 처리 
    } else if (target.nodeName == "DIV") {
        // 클릭한 영역이 DIV일 경우 처리
    }
});

기존 클릭 영역을 동적으로 계산하는 방식은 정확도가 매우 부정확했지만 이와 같은 방법으로 

다른 구준자를 넣어 동일한 엘리먼트들에 대해서도 다른 방식으로 처리하는 방식으로 응용할수 있지 않을까 생가한다 .