-1

特定の要素をマウスでクリックした座標を配列の最後にプッシュしようとしています。これは私が持っているものです:

頭の中で：

var seatsArray = [];

体内で：

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

おそらく単純なことですが、私はJavaScriptが初めてなので、なぜうまくいかないのか教えていただければ幸いです!

ありがとう

4

1 に答える 1

1

私が見る2つのことは、クリックイベントを次のように変更することです。

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

FirefoxのoffsetX/YはlayerX/Yであり、グローバルイベントオブジェクトがあります。

しかし、グローバル座標を使用しない場合は、次のことを試してください。

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);
}
于 2010-07-12T13:01:19.910 に答える