2017-05-30 82 views
0

我已經做了一些有關javascript事件的研究,但仍然無法弄清楚傳遞給onmousemove中的事件。onmousemove,什麼傳遞給事件 - javascript

摘自:W3Schools的

的OnMouseMove = 「show_coords(事件)」

這是什麼事件的說法?我真的需要它嗎?或者,我可以以某種方式度過,即使沒有事件的說法是這樣工作的:

的OnMouseMove =「show_coords()」

我想盡一切辦法讓它沒有事件參數的工作,但我覺得我失去了一些東西。

編輯:

這就是我與玩弄。

是 - 它工作正常,但我就是不明白,爲什麼我需要的情況下,什麼是它與鼠標工作時的座標

這>>>的OnMouseMove =「show_coords(事件)」

爲了這個>>>的OnMouseMove = 「show_coords()」,並使其工作

爲什麼(.clientX/Y,.pageX/Y,.screenX/Y)所需要的事件?有沒有辦法在沒有它的情況下訪問它們。

我試圖換款「事件」 的說法每一個事件字「這個」

就這樣>>>的OnMouseMove = 「show_coords(本)」

但這不起作用。爲什麼?

<!DOCTYPE html> 
<html onmousemove="show_coords(event)" style="border-style: solid"> 
<head> 
</head> 

<body> 


<p style="position : fixed; color :red; top: 50px" id="demo"></p> 

<p style="position : fixed; color :blue ;top: 10px" id="demo2"></p> 

<p style="position : fixed; top: 31px" id="demo3"></p> 

<div style="height: 1000px"></div> 
<script> 
    function show_coords(event) 
    { 
     var x=event.clientX; 
     var y=event.clientY; 
     var xa=event.pageX; 
     var ya=event.pageY; 
     var xb=event.screenX; 
     var yb=event.screenY; 

     document.getElementById('demo').innerHTML = "Client: x = " + x + " y = " + y; 

     document.getElementById('demo2').innerHTML = "Page: xa = " + xa + " ya = " + ya; 

     document.getElementById('demo3').innerHTML = "Screen: xb = " + xb + " yb = " + yb; 
    } 
</script> 
</body> 
</html> 
+0

的可能重複[使用Javascript:究竟是什麼參數e(事件),以及爲什麼它傳遞給javascript函數?(https://stackoverflow.com/questions/35936365/javascript-what-exactly-is-parameter-eevent - 和 - 爲什麼 - 傳遞其對JavaScript的樂趣) – heliosk

+0

你要什麼觸發?你需要鼠標座標,還是隻想知道鼠標移動? –

+0

你想達到什麼目的?你可以發佈你的完整代碼嗎? – threeFatCat

回答

0

這是什麼事件參數

Event objects是包含有關該事件的信息對象(如用於觸發它到底是什麼元素)和方法來操縱它(比如停止它冒泡了DOM)。

或者我可以以某種方式度過,即使沒有事件參數這樣工作

有沒有需要做的是被傳遞到事件處理函數的事件對象什麼。

如果您的show_coords函數依賴於它(重新編輯:它確實),那麼您需要通過它或找到其他方法來執行show_coords函數對它的任何操作。


我想換款「事件」的說法和每一個事件字「這個」,但不起作用。爲什麼?

因爲事件和事件處理函數綁定到的元素是完全不同的東西。這是「約翰去威爾士的旅程」和「約翰的車」之間的區別。