web之事件DOM0级与DOM2级事件绑定与解绑

web之事件DOM0级与DOM2级事件绑定与解绑

javascipt中DOM1级事件是默认不使用的，我们只需使用DOM1与DOM2级事件即可。
下面是部分代码：
1.先写两个按钮
input id=“btnClick” value=“点击按钮” type=“button”
input id=“btnRemove” value=“解除绑定” type=“button”

2.获取到我们的按钮相应的信息
var btnClick=document.querySeletcor(’#btnClick’);
var btnRemove=document.querySelector(’#btnRemove’);

3.DOM0级事件的绑定与解绑
btnClick.οnclick=function(){
alert(’'我是DOM0级弹窗事件，我已经被绑定了！！！)；};
解绑：btnRemove.οnclick=function()
{ btnClick.οnclick=null;//此处是等于null时，绑定解除
}

4.DOM2级事件进行绑定与解除
function btnClickHander() {
alert(‘DOM2级绑定事件’);
}; //将函数执行代码写在外面时为了节省空间，内部执行代码多时有用，还可以进行代码模块化，给其他代码代码进行调用

btnClick.addEventListener(‘click’, btnClickHander);
再进行DOM2级事件的解绑：
btnRomve.addEventlistener(‘click’,function(){
btnClick.addEventlistener(‘click’,)
})