MozTW 討論區
https://forum.moztw.org/

想請問一下有關滑鼠移動事件 onmousemove....可以用嗎
https://forum.moztw.org/viewtopic.php?f=13&t=5028		 第 1 頁 (共 1 頁)
發表人:  訪客 [ 2004-12-19, 15:25 ]
文章主題 :  想請問一下有關滑鼠移動事件 onmousemove....可以用嗎
document.onmousemove在ie上面是可以使用的
但是在ff上面可以用嗎

或是說我想讓滑鼠移動的時候
<div>會跟著滑鼠移動的javascript要怎麼寫呢.....

請高手幫幫忙吧.... 謝謝
發表人:  member [ 2004-12-20, 01:20 ]
文章主題 : 
可以用.
發表人:  Carousel [ 2004-12-20, 16:34 ]
文章主題 : 
exp:

document.onmousemove=mouseMove;

function mouseMove(e){

blah
blah
blah

}
發表人:  風痕影 [ 2004-12-20, 18:55 ]
文章主題 : 
IE可以用event.y和event.x取游標座標值，而FireFox則需使用event.pageY。
可是我剛才一試之下，卻發現FireFox說event錯誤的！結果用Google查詢之後，得到FireFox不能直接在JavaScript中取用event的結論，不過可以用另一種方式，也就是變數的方式代入。
所以，這個是我剛才寫出來的，只要onmousemove時，觸發DivDraw(event)即可：
代碼:
<script type="text/javascript">
function DivDraw(e){
   if(window.event){
      document.getElementById("DivId").style.top=e.y;
      document.getElementById("DivId").style.left=e.x;
   }
   else{
      document.getElementById("DivId").style.top=e.pageY;
      document.getElementById("DivId").style.left=e.pageX;
   }
}
</script>
發表人:  風痕影 [ 2005-01-09, 21:14 ]
文章主題 : 
唔，我剛才發現這個程式有問題
因為在IE中，游標座標需再加上捲軸捲動的座標才準確
也就是document.body.scrollTop和document.body.scrollLeft
FF中則不需要＠＠
發表人:  風痕影 [ 2005-01-27, 01:39 ]
文章主題 : 
抱歉，我再次錯了，發現在Firefox中，還是要加上捲軸捲動的座標才正確。已發表在這裡：網站建置百寶箱-浮動說明。不過有件事極為奇怪，我不清楚錯在哪裡，希望大家可以幫我找找看：
用Firefox瀏覽以上網址，點一下"觀看範例"，在JavaScript新開的小範例視窗中，如果有往下捲動，DIV的Y座標似乎就不太正確，捲得越多，差距越大
發表人:  風痕影 [ 2005-04-04, 02:02 ]
文章主題 : 
用onmousemove做的浮動DIV

當初我面臨捲軸往下捲動時，DIV位置不正確的問題；最後發現在IE需要加上捲軸捲動了多少（document.body.scrollTop和 document.body.scrollLeft）。不過，後來卻又發現，DIV並非隨時可見時，卻和IE一樣需要加上這個部分；在當時造成我改得焦頭爛額，因為一下子有問題，一下子卻又沒這個問題。於是，我一律考慮加上捲軸捲動了多少，不過在DIV隨時可見時會造成 Firefox裡DIV飛速往下移動的問題。

當時，我並沒想到這個與DIV可不可見有關，今天突然想起這個問題，進而發現它與DIV是否可見的關聯性。於是，我加上判斷style.display!="none" 或style.visibility!="hidden"，也就是當DIV可見時，不考慮捲軸捲動了多少，結果在Firefox裡終於完全正常了！

這個問題使我懷疑，Firefox到底是如何計算座標的，為何會受到DIV是否可見而影響呢？還是說我的觀念錯誤了XD
發表人:  李某人 [ 2005-04-05, 22:18 ]
文章主題 : 
抱歉我看不懂你的描述...
可以具體說說有關element可視不可視的問題嗎...?
發表人:  李某人 [ 2005-04-06, 22:31 ]
文章主題 : 
總算連上網站建置百寶箱了...
但還是不太明白問題所在...

下面的script在scroll時Div會停留在原地, 但mouse一移動的時候馬上就會跟上去, 不知道是不是你所指的問題...
代碼:
window.onmousemove = Move;
function Move(e) {
   var myDiv = document.getElementById("myDiv");
   myDiv.style.top = (e.pageY + 15) + "px";
   myDiv.style.left = (e.pageX + 15) + "px";
}

當然myDiv是absolute positioning的...
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/