MozTW 討論區 • 檢視主題 - 想請問一下有關滑鼠移動事件 onmousemove....可以用嗎

所有顯示的時間為 UTC + 8 小時

想請問一下有關滑鼠移動事件 onmousemove....可以用嗎

第 1 頁 (共 1 頁)

[ 9 篇文章 ]

列印模式	上一個主題 \| 下一個主題

發表人

內容

訪客

文章主題 : 想請問一下有關滑鼠移動事件 onmousemove....可以用嗎

發表於 : 2004-12-19, 15:25

document.onmousemove在ie上面是可以使用的
但是在ff上面可以用嗎

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

請高手幫幫忙吧.... 謝謝

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.5) Gecko/20041119 Firefox/1.0

member

文章主題 :

發表於 : 2004-12-20, 01:20

註冊時間: 2004-06-23, 12:28
文章: 232

可以用.

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.2) Gecko/20040804 Netscape/7.2 (ax)

Carousel

文章主題 :

發表於 : 2004-12-20, 16:34

註冊時間: 2004-11-30, 10:46
文章: 101

exp:

document.onmousemove=mouseMove;

function mouseMove(e){

blah
blah
blah

}

_________________

我們原本就會的，因遺忘而要重頭學習
我的網誌 http://audi.tw

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.7.5) Gecko/20041119 Firefox/1.0

風痕影

文章主題 :

發表於 : 2004-12-20, 18:55

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

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>

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Win98; zh-TW; rv:1.7.5) Gecko/20041119 Firefox/1.0

風痕影

文章主題 :

發表於 : 2005-01-09, 21:14

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

唔，我剛才發現這個程式有問題
因為在IE中，游標座標需再加上捲軸捲動的座標才準確
也就是document.body.scrollTop和document.body.scrollLeft
FF中則不需要＠＠

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/4.0 (compatible; MSIE 6.0; Windows 98; iOpus-I-M)

風痕影

文章主題 :

發表於 : 2005-01-27, 01:39

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

抱歉，我再次錯了，發現在Firefox中，還是要加上捲軸捲動的座標才正確。已發表在這裡：網站建置百寶箱-浮動說明。不過有件事極為奇怪，我不清楚錯在哪裡，希望大家可以幫我找找看：
用Firefox瀏覽以上網址，點一下"觀看範例"，在JavaScript新開的小範例視窗中，如果有往下捲動，DIV的Y座標似乎就不太正確，捲得越多，差距越大

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.7.5) Gecko/20041119 Firefox/1.0

風痕影

文章主題 :

發表於 : 2005-04-04, 02:02

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

用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

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.7.6) Gecko/20050318 Firefox/1.0.2 (ax)

李某人

文章主題 :

發表於 : 2005-04-05, 22:18

註冊時間: 2005-01-16, 13:34
文章: 131

抱歉我看不懂你的描述...
可以具體說說有關element可視不可視的問題嗎...?

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b) Gecko/20050213 Firefox/1.0+

李某人

文章主題 :

發表於 : 2005-04-06, 22:31

註冊時間: 2005-01-16, 13:34
文章: 131

總算連上網站建置百寶箱了...
但還是不太明白問題所在...

下面的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的...

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b) Gecko/20050213 Firefox/1.0+

第 1 頁 (共 1 頁)

[ 9 篇文章 ]

MozTW » 討論區首頁 » 特別議題 » 問題網站與網頁技術傳教

所有顯示的時間為 UTC + 8 小時

誰在線上

正在瀏覽這個版面的使用者：沒有註冊會員和 6 位訪客

您不能在這個版面發表主題
您不能在這個版面回覆主題
您不能在這個版面編輯您的文章
您不能在這個版面刪除您的文章
您不能在這個版面上傳附加檔案

前往 :