Javascript: 调用参数为 "e" 的函数

Question

这里是相关的一段代码：

window.addEventListener('mousemove', function (e) {
        myGameArea.x = e.pageX;
        myGameArea.y = e.pageY;
    })

我不明白的是论点 "e" 在做什么，它是如何相关的，或者它的价值是什么。如果有人需要我 link 整段代码 ("it's a relatively small piece of code, one that runs a movable object")。我知道问题可能没有很好地呈现，或者答案可能很明显，但我无法很好地围绕它来更好地表达我的问题。此外，google 也没有帮助。提前致谢！

编辑

代码中的更多示例：

window.addEventListener('keydown', function (e) {
        myGameArea.keys = (myGameArea.keys || []);
        myGameArea.keys[e.keyCode] = true;
    })

和

window.addEventListener('keyup', function (e) {
        myGameArea.keys[e.keyCode] = false; 
    })

Answer 1

是事件对象。隐式传递给事件侦听器函数的参数，以便您可以从发生的事件中获取属性。比如鼠标的x,y坐标，preventDefault方法，事件目标原点等

有关事件对象的内容以及它如何绑定到函数事件的更多详细信息，请参阅 documentation。

Answer 2

addEventListener 方法有两个参数。一是事件名称。第二个是回调函数。您实际上是将整个函数传递给 addEventListener，稍后将调用它。

addEventListener 将坚持该方法。当事件被触发时，addEventListener 将调用您的回调方法。当您的回调被调用时，调用者将传递一个表示事件的对象。它允许您在回调方法中获取事件的详细信息。

Javascript: 调用参数为 "e" 的函数

Javascript: Calling a function with argument "e"

javascript

arguments

event-handling