javascript，获取event对象，新手学修手表教程图

小伙子，你想学JavaScript吗？那就得学会如何获取event对象，这可是基础中的基础呢！不懂获取event对象，其他的操作也基本上都无从下手了。

那么，什么是event对象呢？简单来说，event对象就是在Web事件发生时，浏览器传递给函数的参数，它包含了所有与该事件有关的信息。例如，当用户单击页面上的按钮时，就会触发click事件，在事件处理程序中就可以用event对象获取鼠标位置、按键状态等相关信息。

接下来，就让我来给你详细地讲解一下如何获取event对象吧！

在JavaScript中，可以通过以下方式来获取event对象：

1.通过函数参数获取：

在JavaScript中，每一个事件都可以添加一个事件处理函数，例如当点击按钮时，可以添加一个点击事件处理函数来执行一些操作：

```javascript

Click me

function myFunction(event) {

//在这里使用event对象

}

```

在这个例子中，我们可以看到在myFunction函数的括号里，加入了一个event参数。当点击按钮时，浏览器会自动将event对象传递给myFunction函数，然后就可以在函数中使用该对象了。

通过这种方式，我们就可以获取event对象，并且可以在事件处理程序中使用它。

2.使用this关键字获取：

除了作为参数传递给事件处理函数之外，还可以使用this关键字来获取event对象。在事件处理程序中，this关键字代表当前的DOM元素。可以使用它来获取event对象。

例如：

```javascript

Click me

document.addEventListener('keydown', function(event) {

console.log(this); // 输出当前的DOM元素

});

```

在这个例子中，我们可以看到在按钮的onclick事件处理程序中，alert(event.type)语句中的event对象是通过this关键字来获取的。同样的，在document上绑定的keydown事件处理程序中，this关键字指向了document元素。

需要注意的是，在事件处理程序中使用this来获取event对象，只有在事件处理程序绑定在DOM元素上时才有效。如果事件处理程序是通过addEventListener()函数添加的，那么this关键字将指向事件的目标对象。

3.使用window.event获取：

在老版本的Internet Explorer浏览器中，event对象不会自动传递给事件处理程序。为了获取event对象，可以使用window.event属性。

例如：

```javascript

Click me

document.attachEvent('onkeydown', function() {

console.log(window.event); // 输出event对象

});

```

在这个例子中，我们可以看到在按钮的onclick事件处理程序中，alert(window.event.type)语句中的event对象是通过window.event属性来获取的。同样的，在document上绑定的keydown事件处理程序中，可以使用window.event属性来获取event对象。

需要注意的是，window.event属性只在老版本的Internet Explorer浏览器中有效，现代的浏览器已经不再支持它了。

综上所述，以上三种方式都可以用来获取event对象，不过建议在现代浏览器中使用第一种方式，也就是将event对象作为参数传递给事件处理程序。这样可以兼容各种浏览器，并且是符合标准的做法。

除了上述提到的三种方式之外，还有一些其他的方法可以获取event对象，例如使用event.target或event.currentTarget属性等等，不过这些属于高阶技巧，需要在学习JavaScript的过程中逐步掌握。

总而言之，获取event对象是学习JavaScript的基础知识之一，掌握了正确的获取方法，才能更好地进行事件处理，为后续的学习打下坚实的基础。