JS中常用的事件和代码示例

JavaScript中常用的事件有很多种，下面列举了一些常用的事件和相应的代码示例：

1. click事件：当用户点击某个元素时触发。

const button = document.querySelector("button");

button.addEventListener("click", function() {
  console.log("Button clicked!");
});

2. mouseover事件：当用户将鼠标移动到某个元素上时触发。

const element = document.querySelector("#my-element");

element.addEventListener("mouseover", function() {
  console.log("Mouse over!");
});

3. keydown事件：当用户按下某个键时触发。

document.addEventListener("keydown", function(event) {
  console.log(`Key pressed: ${event.key}`);
});

4. submit事件：当用户提交一个表单时触发。

const form = document.querySelector("form");

form.addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单的默认提交行为
  console.log("Form submitted!");
});

5. load事件：当页面或某个资源加载完成时触发。

window.addEventListener("load", function() {
  console.log("Page loaded!");
});

6. scroll事件：当用户滚动页面时触发。

window.addEventListener("scroll", function() {
  console.log("Scrolling...");
});

这些是JavaScript中常用的一些事件和相应的代码示例，但并不是全部。在实际开发中，可能会遇到更多的事件类型，开发者需要根据具体需求选择适合的事件。