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;
    }