HTML5, canvas.onmousedown eventのプロパティーでちょいハマった件メモ.

HTML５のcanvasでのお話です

あんまり canvas.onmousedown イベントで処理をしているケースは
見かけないのだけれども・・、以下でハマったのでメモ

【事象】
　以下のコードはIEやChromeで動くが、Firefoxで動かなかった

  canvas.onmousedown = function (event) {
    var x = event.x;
    var y = event.y;
    ...処理...
  };

【問題点】
   イベントのプロパティーをFirefox君は知らなかった為、
　以下ならIEもChromeもFireFoxもsafariも動作する

   canvas.onmousedown = function (event) {
    var x = event.clientX;
    var y = event.clientY;
    ...処理...
  };

他にもPageXとかscreenXとかいろいろあるぽいですね・・
困ったもんだのぉ



ではでは