2011-03-08 3 views
2

jQuery의 mouseover 이벤트가 마우스 (이 경우 이미지)에서 움직일 필요가있는 상황에서 일반 상황과 달리 요소가 있습니다. 움직이지, 쥐가 아니야.mouseover 및 마우스로 움직이는 마우스 오버

이 의미에서 나를 도울 수있는 라이브러리/요지/기술에 대해 알고 있습니까?

플래시를 사용해 보았지만 행운이 없었습니다. 실제로 수행 할 수있는 것보다습니까?

미리 도움을 주셔서 감사합니다.

+0

무엇이 요소 (귀하의 경우에는 이미지)를 움직이게합니까? –

+0

@Anwar Chandra : 나는 jQuery의'css'로 그것을 옮기고 타임 아웃에서 "움직이는 함수"를 불러내는 특정 left와 top을 할당합니다. 지금은 html5 캔버스가 나를 도울 수있는 뭔가를 제공하는지 살펴보고 있습니다. –

+0

내가 알고있는 것처럼, HTML5에도 그러한 이벤트가 없습니다. 내 친구가 크롬 웹 스토어에서 HTML5와 함께 게임을 만들었지 만 이러한 종류의 이벤트가 필요하지만 지금까지는 해결책을 찾을 수 없습니다. –

답변

2

몸체의 핸들러를 mousemove에 바인딩하여 마우스 위치를 추적하고 이미지가 이동할 때마다 포인터가 위에 있는지 여부를 계산할 수 있습니다.

+0

네, 저는 어떤 종류의 계산도 피하려고 노력하고 있었고 브라우저 이벤트를 이용하려했지만 ... 불가능하다고 생각합니다. –

0

비슷한 문제가 발생했습니다. 내 경우에는 마우스가 마지막으로 이동 한 시간을 추적하여 마우스 오버 처리기에서 현재 시간의 30ms 이내에 마우스가 최근에 이동했는지 확인하여 "충분히 좋은"해결 방법을 수행했습니다. 그렇게하면 마우스가 실제로 움직이지 않는 경우에 대비할 수 있지만, 직접 마우스를 테스트 할 필요가 없습니다. 마우스 오른쪽 버튼을 사용하여 마우스 오른쪽 버튼을 누르기 만하면됩니다. 이.

+0

여기를 참고하십시오 : http://stackoverflow.com/questions/8761730/webkit-firing-mousemove-event-unexpectedly-mouse-not-moving – Kaganar

관련 문제