마우스 위치가 일련의 위치 규칙 내에 있는지 감지하고 있습니까?

Question

좀 자바 스크립트 객체가 같은 (I 구문이 잘못되면 알 수 있도록 그것의 사이비)이 같은 :

[{ "divid":"1","x1":"35","y1":"100","height":"150","width":"150" }, 
{ "divid":"2","x1":"45","y1":"110","height":"150","width":"150" }, 
{ "divid":"3","x1":"55","y1":"120","height":"150","width":"150" }, 
{ "divid":"4","x1":"65","y1":"130","height":"150","width":"150" }] 

그리고 curruently 마우스 괜찮 jQuery로 위치하지만 ...을 검출하고있어

나는 그 위치 중 하나를 넘었을 때 자동으로 그 JavaScript 세트의 첫 번째 또는 여러 열을 반환 할 때를 감지하려고합니다. 위치가 열 집합 목록을 반환하는 경우 위치를 쿼리하는 것과 거의 같습니다.

마우스 위치가 변경 될 때마다 모든 항목에 대해 .each()을 수행해야 할 것이라고 상상할 수 없습니까? 어쩌면 나는 ...

만약 누군가가 이런 식으로 뭔가를했다면 올바른 방향으로 나를 가리 키십시오.

감사 -Josh

Answer 1

이 작업을 쉽게 수행하는 방법은 절대 위치에 일부 동적으로 생성 된 div하고 그들에게 mouseOver 이벤트를 지정할 수 있습니다. 그들은 높은 z- 인덱스를 가져야하고, 보이지 않으며, 다른 콘텐츠 위에 떠 있어야합니다.

Answer 2

선택한 패러다임에 따라 무스의 오프셋을 가져올 수 있습니다 (예 : 부모 div, ). json에서 얻은 값과 반환 값을 비교하십시오!

일치하는 경우 필요한 이벤트가 발생합니다.

Answer 3

...이 아이디어는 당신이 원하는 것을 위해 작동하는지 모르겠어요,하지만 난 상자 밖에서 조금 생각을했다

어떻게 이미지 맵을 사용하는 방법에 대한? : P

최소 코딩 및 처리가 필요하며 작동합니다! 매핑 된 이미지를 중첩하고 해당 영역에 호버 이벤트를 추가했습니다. 나는 demo here를 게시했습니다. 완벽하지는 않지만 개념 증명이 더 있습니다.