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("事件绑定"); } ```