js绑定事件
①html元素中直接绑定。
<input type=“button” id’=“button” οnclick=“click()”>
function click(){ }
②DOM0级事件处理程序
即js代码中绑定—----------若添加多个同类型事件,则后来的事件会覆盖原有的事件,即同类型的事件只能有一个。
以button按钮绑定事件来举例:
var butt=document.getElementById("button");
butt.onclick=function(){ };
对应的事件解绑:
dom.onclick=null;
③DOM2级事件处理程序--------可以绑定多个事件,可以解除绑定
添加事件:addEventListener
移除事件:removeEventListener
dom对象.addEventListener(事件名,处理函数,布尔值) //true代表冒泡事件执行,false捕获阶段执行
绑定事件的另一种方法是用 addEventListener() 或 attachEvent() 来绑定事件监听函数 【IE8】
addEventListener()函数—— w3c标准,但不支持IE8以下浏览器,绑定多个事件按顺序执行
attachEvent(事件处理程序名,处理函数) --------IE8以下浏览器支持,绑定事件倒叙执行,对应的移除事件detachEvent(),其对应参数应与添加时相同
elementObject.attachEvent(eventName,handle);
对于这个IE8不兼容问题的解决办法是:使用监听函数前先判断