html js 动态绑定函数

1、绑定到元素，这也是比较常见的一种比如： 
　　<input type="button" οnclick="doEventThing(event)">    
触发：击此按钮
2、绑定事件到对象：这也是比较常见的一种，特别是在IE4+下面： 
　　document.getElementById("divid").onclick = doEventThing; 
3、使用<script for>进行事件的绑定，这只在IE4+下有用（为button1绑定事件，逻辑在script块中书写event来指定怎么触发事件）：

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

4、使用 IE5/Windows 的 attachEvent() 方法      

　　document.attachEvent('onmousedown', popup_mousepos);

      可以参考这里
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的事件处理机制起作用。

转载于:https://www.cnblogs.com/zcy_soft/archive/2011/06/15/2081738.html