將鼠標單擊位置推送到使用Javascript的數組中

Question

我試圖將鼠標單擊特定元素的座標推到數組的末尾。這是我有：

在頭上：

var seatsArray = []; 

在身：

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

也許簡單的東西，但我是新來的JavaScript，所以我會很感激的任何幫助爲什麼它不工作！

感謝

Answer 1

兩件事我明白了，就點擊事件改變你這樣的：

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，並即有一個全球性的事件對象。

但是，如果你的Wnt全球cordinates試試這個：

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); 
}