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