마우스 포인터 이벤트 제어하기

문제
-> mousemove이벤트를 사용하던중 위에있던 text의 영역 때문에 mousemove이벤트가 방해받음

해결
-> css에

  div.text{
  	pointer-events: none;
  }

를 적용해주니 영역이 잡히지 않아 이벤트가 잘 작동되었다.

**pointer-events**
특정 그래픽 요소가 포인터 이벤트의 대상이 될 수 있는 상황(있는 경우)을 설정한다.

> /* Keyword values */
pointer-events: auto;
pointer-events: none;
pointer-events: visiblePainted; /* SVG only */
pointer-events: visibleFill; /* SVG only */
pointer-events: visibleStroke; /* SVG only */
pointer-events: visible; /* SVG only */
pointer-events: painted; /* SVG only */
pointer-events: fill; /* SVG only */
pointer-events: stroke; /* SVG only */
pointer-events: all; /* SVG only */

/* Global values */
pointer-events: inherit;
pointer-events: initial;
pointer-events: revert;
pointer-events: revert-layer;
pointer-events: unset;