绑定事件的方式

第一种

HTML事件处理程序

image.png
image.png

这种就是在行内绑定事件，不过缺点是太麻烦，事件最后才加载，用户触发事件的时候还没加载完就会引发错误；

第二种

DOM 0 级处理事件

绑定事件

image.png

只能绑定一个事件，同样元素再次绑定会覆盖原有的，按绑定顺序定先后

解绑事件

image.png

第三种

DOM 1 级处理事件

同个元素绑定多个事件

image.png

第一个参数：要处理的事件名

第二个参数：处理程序的函数

第三个参数：是否在捕获阶段调用事件处理程序

  true：在捕获阶段调用事件处理程序
  false：在冒泡阶段调用事件处理程序
  友情提示，默认为false，要想转为捕获，那每个要捕获的元素第三个参数都设为true；

解绑事件

image.png

解绑的话只能是单另设置一个函数，直接解上面设置的行内函数是不行的，亲测给上面函数加函数名 但是不行

image.png
image.png

不支持这样的语法