js事件的绑定与移除

事件的绑定分为3类：

<div id='clickEvent'>点击事件</div>

在DOM元素中直接绑定

<div onclick="alert('4567890')">点击事件</div>
<div onclick="selfEvent()">自定义函数</div>
function selfEvent(){
	alert('自定义函数');
}

在JS代码中绑定

<div id='clickEvent'>点击事件</div>
document.getElementById('clickEvent').onclick = function(){
    alert('事件的绑定')
}
//封装一个自定义函数,减少操作dom代码
function $(id){
	return document.getElementById(id);
}
$('clickEvent').onclick = function(){
    alert('事件的绑定')
}

绑定事件监听函数

addEventListener() 或 attachEvent() 来绑定事件监听函数

`

事件监听

`
```
//兼容性处理，能够被所有浏览器支持
function addEvent(obj,type,handle){
try{ // Chrome、FireFox、Opera、Safari、IE9.0及其以上版本
obj.addEventListener(type,handle,false);
}catch(e){
try{ // IE8.0及其以下版本
obj.attachEvent('on' + type,handle);
}catch(e){ // 早期浏览器
obj['on' + type] = handle;
}
}
}
addEvent(document.getElementById("demo"),"click",myAlert);
function myAlert(){
alert("事件绑定");
}
```