08-DOM事件

1. 什么是事件?

• 用户和浏览器之间的交互行为我们就称之为事件, 比如点击, 移入/移出

2. 如何给元素绑定事件

• 在JavaScript中所有的HTML标签都可以添加事件
• 元素.事件名称 = function() {};
• 当对应事件被触发的时候就会自动执行function中的代码

  let oBtn = document.querySelector("button");
  oBtn.onclick = function () {
      alert("按钮被点击了");
  };

• 注意点: 如果给元素添加了和系统同名的事件, 我们添加的事件不会覆盖系统添加的事件
• 如果想用我们添加的事件覆盖掉系统同名的事件, 可以加上 return false;

  let oA = document.querySelector("a");
  oA.onclick = function () {
      alert("a标签被点击了");
      // 以下代码的含义: 用我们添加的事件覆盖掉系统同名的事件
      return false;
  }