2017-05-30 80 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函数对它的任何操作。


我想换款“事件”的说法和每一个事件字“这个”,但不起作用。为什么?

因为事件和事件处理函数绑定到的元素是完全不同的东西。这是“约翰去威尔士的旅程”和“约翰的车”之间的区别。