任意のエレメント上以外も反応する

Question

任意のエレメントの上だけで反応してほしいのですが、任意のエレメント以外でも反応してしまいます。
エラーがないので、なおさらわからないです。

<img id="aaa" src="/sub/map.jpg" > <script type="text/javascript"> (function (){ var element = document.getElementById("aaa");

function MouseDownFunc(e){
	console.log("マウスのボタンが押された");
	console.log(x=event.x,y=event.y);
}
// イベントリスナーに対応している
if(document.addEventListener){
	document.addEventListener("mousedown" , MouseDownFunc);// マウスのボタンを押すと実行されるイベント
// アタッチイベントに対応している
}else if(document.attachEvent){
	document.attachEvent("onmousedown" , MouseDownFunc);// マウスのボタンを押すと実行されるイベント
}})();

</script>

Answer 1

イベントをdocumentに対して付与しているからじゃないでしょうか？

document.addEventListener
document.attachEvent

の部分です。

document ではなく、

element = document.getElementById("aaa");

で取得した、element に対して addEventListener なり attachEvent をすれば、
やりたいことができるんじゃないですかね。

element.addEventListener("mousedown" , MouseDownFunc);
element.attachEvent("onmousedown" , MouseDownFunc);

Comments

[th3]

回答ありがとうございます。
確かにイベントをdocumentに付与していました。