懶的更新到blogger了

本站2010年10月以後的,都更新到google docs上了:
連結在這裡

2007/08/10

用JavaScript抓滑鼠位置

想用JavaScript抓取滑鼠的位置..(在IE和FF都可以)
本來以為這是很容易的事情,但試了一下發現問題一大堆,
最後發現我跟本不會JavaScript的event.....

網路上很多站的圖可以跟著滑鼠跑,可是一用火狐就一動也不動...
後來連到政府電子採購網的測試網站(http://web1test.gp.gov.tw/)
發現IE和FF都可以讓圖跟著滑鼠跑...太好了,馬上看一下它的原始碼。
它的方式是利用有沒有 window.Event 來測試是IE或FF,
所以參考它的原始碼改了一個抓取滑鼠位置的備忘程式...


<script type="text/javascript">

// if (window.Event) alert("window.Event"); else alert("No window.Event");

document.onclick = myclickpic;

function myclickpic(evnt){ //這裡打 evnt 不是打 event
var myX;
var myY;
if (window.Event) {//firefox
myX = evnt.pageX;
myY = evnt.pageY;
}else{ // IE
myX = event.x+document.body.scrollLeft;
myY = event.y+document.body.scrollTop;
}

alert(myX);
alert(myY);
}
</script>