绑定点击事件及解绑点击事件

1、绑定点击事件

（1）一个事件由什么东西组成

○ 触发谁的事件：事件源

○ 触发什么事件：事件类型

○ 触发以后做什么：事件处理函数

// 谁来触发事件 => oDiv => 这个事件的事件源就是 oDiv

// 触发什么事件 => => 这个事件类型就是 click

// 触发之后做什么 => () {} => 这个事件的处理函数

○ 我们想要在点击 div 以后做什么事情，就把我们要做的事情写在事件处理函数里面

var oDiv = document.querySelector('div')oDiv.onclick = function () {console.log('你点击了 div')
}

（2）box. = (){}

● 这种绑定方式是dom0的类型的，会出现后面覆盖前面的执行函数

aaaa

结果是：222

解释说明：当你给一个元素对象绑定两个点击事件时（），当你点击元素内容，就只能打印出第二个结果，因为第二个事件把第一个给覆盖了，相当于赋值的意思。

（3）使用dom2方式：绑定多个事件处理函数，按顺序执行

● ：事件处理器

●（事件类型，函数）

aaaa

结果：111 222 333

2、解绑事件

（1）方法一：this. = "”

抽奖

结果：

解释说明：通过结果可以看出this当前获取的对象就是这个元素，然后this. = "”的含义实质上就是给标签加上一个禁用属性罢了。

缺点是：人家还可以打开后台代码设置，把这个的的属性删掉，又可以点这个按钮了

（2）方法二：dom0方式：this. = null

抽奖

当点击完一次以后直接给点击事件赋值为null。。。

(3) 方法三：dom2方法：this.（事件类型，函数）

：事件处理器，功能是移除事件

抽奖

思路：点击事件打印“谢谢惠顾”以后再解绑