js 事件绑定

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不兼容问题的解决办法是：使用监听函数前先判断