GET 클릭 자바 스크립트

Question

예 통해 에서 좌표

<form> 
<input type="image" id = 'toothsImage' src="someImg.jpg" alt="Submit" /> 
</form> 

이미지 형태 TYPE 필드를 제출 = 많은 입력 형태처럼 행동하지만, 화상의 제출 필드는 달리, 좌표 활성화 된 데이터는 나머지 양식 데이터와 함께 서버로 다시 전송됩니다. 하나의 입력 = 이미지를 클릭 할 때 - - 그래서 요청을 클릭으로 추가됩니다 지금처럼 좌표 :

x=1&y=2 

내 질문은 - 하나의 양식을 제출하지 않고 자바 스크립트를 사용하여이 좌표를 검색 할 수있는 방법.

P.S. 1 : 클릭 좌표는 여러 가지 방법으로 계산할 수 있습니다. 나는 그것들을 알고 그것들을 쉽게 사용할 수있다. 브라우저가 모든 것을 자동으로 계산하기 때문에이 접근법에 관심이 있습니다.

P.S. 2 : 문서가 아닌 이미지와 관련된 좌표를 가져와야합니다.

Answer 1

offsetX, offsetYaren't available or are unreliable in some browsers와 같이 보입니다. normalized by jQuery이므로 pageX 및 pageY을 사용하는 것이 좋습니다. 결합 그 요소의 offset을 클릭하고 당신은 사업에 있어야로 :

$("input[type='image']").click(function(event) { 
    var elOffsetX = $(this).offset().left, 
     elOffsetY = $(this).offset().top, 
     clickOffsetX = event.pageX - elOffsetX, 
     clickOffsetY = event.pageY - elOffsetY; 

    // clickOffsetX and clickOffsetY are the clicked coordinates, 
    // relative to the image. 
}); 

예 :http://jsfiddle.net/andrewwhitaker/87NYk/