Cpp Lover

整理知识,记录成长轨迹

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

事件的绑定:大概分为如下5种
  1、绑定到元素,这也是比较常见的一种比如:
<input type="button" onclick="doEventThing(event)">
,这样我们就把doEventThing绑定到了该button对象上,点击此按钮事件就被触发。
  2、绑定事件到对象:这也是比较常见的一种,特别是在IE4+下面:
document.getElementById("divid").onclick = doEventThing;
  3、使用<script for>进行事件的绑定,这只在IE4+下有用(为buttong1绑定事件,逻辑在script块中书写event来指定怎么触发事件):

<script event="onclick" for="button1">
 // script statements here
</script>

   4、使用 IE5/Windows 的 attachEvent() 方法     
   5、使用 W3C DOM 的 addEventListener() 方法
addEventListener("eventType",listenerReference,captureFlag);
  第三个参数则是一个 Boolean 值,指明该结点是否以DOM中所谓的捕捉模式来侦听事件。对于一个典型的事件侦听器来说,第三个参数应该为false(假)。
  prototype在绑定事件的时候兼容IE和W3C的时候做的处理如下:

_observeAndCache: function(element, name, observer, useCapture) {     
   if (!this.observers) this.observers = [];     
   if (element.addEventListener) {//W3C DOM     
     this.observers.push([element, name, observer, useCapture]);     
     element.addEventListener(name, observer, useCapture);     
   } else if (element.attachEvent) {//IE5/Windows     
     this.observers.push([element, name, observer, useCapture]);     
     element.attachEvent(’on’ + name, observer);     
   }     
}

撇开this.observers.pust([element,name,observer,useCapture])不谈,我们对4、5所说的事件绑定就很清楚了。我们知道prototype的此方法的useCapture在IE下没有作用,只对W3C的事件处理机制起作用

posted on 2010-05-06 00:09  quanhailee  阅读(1005)  评论(0编辑  收藏  举报