마우스 클릭 위치를 자바 스크립트의 배열로 푸시

Question

특정 요소를 마우스로 클릭 한 좌표를 배열의 끝으로 밀어 넣으려고합니다.

var seatsArray = []; 

본문에 : 머리에

: 이것은 내가 무엇을 간단

아마

var coordinates = document.getElementById("image"); 
coordinates.onclick = function(event) { 
    seatsArray.push(offsetX, offsetY); 
} 
document.write("Seats array contains: " + seatsArray + "."); 

뭔가,하지만 난 자바 스크립트에 새로 온 사람, 그래서 어떤 감사하겠습니다 왜 그것이 효과가 없는지에 관해서는 도움을!

coordinates.onclick = function(event) { 
    event = event || window.event; 
    if (!window.event) { // thanks firefox 
    event.offsetX = event.layerX; 
     event.offsetY = event.layerY; 
    } 
    seatsArray.push(event.offsetX, event.offsetY); 
} 

파이어 폭스 offsetX/Y가 layerX/Y이며, 즉 글로벌 이벤트 객체를 가지고 :

감사

Answer 1

두 내가 볼 일이에 클릭 이벤트에 변경.

하지만 당신의 Wnt 글로벌 좌표,이 시도하는 경우 :

coordinates.onclick = function(e) { 
e = e || window.event; 

if (e && e.pageX && e.pageY) { 
      e.posX = e.pageX; 
      e.posY = e.pageY; 

     } else if (e && e.clientX && e.clientY) { 
      var scr  = {x:0,y:0}, 
       object = e.srcElement || e.target; 
      //legendary get scrolled 
      for (;object.parentNode;object = object.parentNode) { 
       scr['x'] += object.scrollLeft; 
       scr['y'] += object.scrollTop; 
      } 
      e.posX = e.clientX + scr.x; 
      e.posY = e.clientY + scr.y; 
     } 
seatsArray.push(e.posX, e.posY); 
}