事件处理程序

事件处理程序：响应事件的函数，就叫事件处理程序。

特点：事件处理程序名字以on开头，比如onclick、onload等。

为事件制定处理程序的方式：HTML、DOM0级、DOM2级

一、HTML事件处理程序
就是在HTML标签内部写入方法名。语法如下：

  <input type="button" onclick="handleName()" value="button">

该方法在js文件中会产生一个局部变量event，也就是事件对象。

该方式的缺点：js与html耦合性高。也就意味着如果想改方法，就得改两个地方，一个是Html标签里面的方法名，一个是js文件里的方法。

二、DOM0级事件处理程序

就是获取HTML里面的DOM，然后为这个DOM添加方法。语法如下：

   var btn=document.getElementById("btn");
    btn.onclick()=function(){
        alert(this.id);
    }

优点：简单，就有跨浏览器优势。

特点：程序中的他hi是指向当前元素。

三、DOM2级事件处理程序

添加事件处理程序：addEventListener()

删除事件处理程序：removeEventListener()

方法接受三个参数：事件名、事件函数、布尔值。

事件处理程序

原文：https://www.cnblogs.com/qingshanyici/p/10805875.html