javascript事件举例 代码示例

JavaScript事件是指在网页中发生的交互动作或者浏览器操作，比如用户点击按钮、鼠标移动、键盘输入等。通过JavaScript代码，我们可以为网页元素绑定事件处理函数，以便在特定事件发生时执行相应的操作。

举个例子，假设我们有一个按钮元素，当用户点击按钮时，我们希望弹出一个提示框显示"Hello World"。我们可以使用JavaScript代码来实现这个功能。

我们需要获取到按钮元素，并为其绑定一个点击事件的处理函数。我们可以使用`document.querySelector()`方法获取到按钮元素，然后使用`addEventListener()`方法为其绑定`click`事件。

const button = document.querySelector('button');
button.addEventListener('click', function() {
  alert('Hello World');
});

在上面的代码中，`document.querySelector('button')`会返回文档中第一个匹配的按钮元素。然后，我们调用`addEventListener()`方法来为按钮绑定`click`事件，并传入一个匿名函数作为事件处理函数。当按钮被点击时，该函数会被执行。

在事件处理函数中，我们使用`alert()`函数来弹出一个提示框，显示"Hello World"。

这样，当用户点击按钮时，就会触发`click`事件，从而执行事件处理函数，最终弹出一个提示框显示"Hello World"。

这只是一个简单的例子，JavaScript事件可以应用于各种场景，实现更复杂的交互效果。通过绑定不同的事件和编写相应的事件处理函数，我们可以实现丰富多样的网页交互功能。