摘要：
首先我们来说下事件流,IE和DOM事件流有所不同，IE只支持冒泡型事件，而标准DOM事件流同时支持冒泡型和捕获型。何为冒泡型事件？请看以下模拟代码：<htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title><scripttype="text/javascript">functiondoclick(ele){alert(ele.nodeName);}</script></head><bodyoncli 阅读全文
摘要：
首先不推荐使用的写法，类似上一节的例子<div onclick="doclick(this);"> click me!</div>这种写法虽然在各种浏览器都可以执行，但是比较影响代码的结构使html代码跟脚本代码糅在一起，不变代码的阅读和修改。 现在来介绍下3种事件绑定和它们之间的优缺点。 1、传统型事件绑定，如下代码<htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title></head><body 阅读全文
摘要：
上一节分析了3种的事件绑定的优缺点，今天我们来写一个通用的能适合各种浏览器的事件绑定函数。这里我们不重新写了，综合网上各种比较好的通用事件绑定函数，我这里采用大师Dean Edwards事件绑定代码,请大家详细看下面的注释functionaddEvent(element,type,handler){//给函数分配唯一的标志IDif(!handler.$$guid)handler.$$guid=addEvent.guid++;//创建一个hashtable来保存各种事件的处理函数if(!element.events)element.events={};//创建一个hashtable来保存某个事件 阅读全文