-
Javascript, jQuery 2019‧03‧26
jQuery - 마우스 이동 좌표 값 부드럽게 가져오기
기존에는 $(엘리먼트).mosemove(function(e){}); 를 이용해서 작성했었는데 이상하게 잘 좌표를 가져오다가 멈추고 특정 구간에서 제대로 못가져오고 해서 방법을 찾던 중 아래 방법으로 처리한 후 부터는 좌표값을 움직임이 끝나던 끝나지 않던 항상 제대로 부드럽게 가져오게 되었다. $(document).bind('mousemove',function(e){ console.log(event.pageX); console.log(event.pageY); }); 혹 필요에 따라 $(document) 대신 엘리먼트등 대상을 넣으면 된다. 그리고 한번만 바인딩해야지 인터벌이나 애니메이션에 넣어서 계속 바인딩 시키면 […]
-
Reactjs 2017‧05‧29
JSX - 마우스 오버/아웃 효과
마우스 오버와 아웃 효과에 따른 스크립트를 작성할 때 아래와 같이 JSX에서 엘리먼트 안에 넣어 주면 된다. <img src='icon.jpg' onMouseOver={(event) =>{ 마우스 오버시 스크립트}} onMouseOut={(event) => { 마우스 아웃시 스크립트 }} /> 바로 스크립트를 작성해 넣지 않고, 작성된 컴포넌트 안에 선언한 인수를 실행할 수도 있다. <img src='icon.jpg' onMouseOver={(event) =>{ this.handlerOver(event);}} onMouseOut={(event) => { this.handlerOut(event); }} /> […]