document.write('<div>解析：</div><div>使用事件：</div><div>（1）当我们要阻止浏览器中某个 DOM 元素的默认行为时，在 W3C 标准里</div><div>调用 e.preventDefault()，而在 IE 下则通过设置 window.event.returnValue=false 来</div><div>实现。</div><div>（2）当我们要阻止冒泡事件时，在 W3C 标准里调用 e.stopPropagation()，而</div><div>在 IE 下通过设置 window.event.cancelBubble=true 来实现。</div><div>差别：</div><div>（1）Traditional Module。</div><div>传统方式的事件模型即直接在 DOM 元素上绑定事件处理器，例如：</div><div>window.onload=function(){&hellip;}</div><div>obj.onmouseover=function(e){&hellip;}</div><div>obj.onclick=function(){&hellip;}</div><div>首先这种方式无论在 IE 还是 Firefox 等其他浏览器上，都可以成功运行，这</div><div>便是它最大的优势，而且在 Event 处理函数内部的 this 变量无一例外都被绑定到</div><div>当前 DOM 元素，这使得 JavaScript 程序员可以大大利用 this 关键字做很多事情。</div><div>至于它的缺点也很明显，就是传统方式只支持 Bubbling，而不支持 Capturing，并</div><div>且在 DOM 元素上一次只能绑定一个事件处理器，无法实现多 Handler 绑定，最</div><div>后就是 function 参数中的 event 参数只对非 IE 浏览器有效果（因为 IE 有 window.</div><div>event）。</div><div>（2）W3C (Firefox.e.g) Event Module。</div><div>Firefox 等浏览器很坚决地遵循 W3C 标准来制定浏览器事件模型，使用</div><div>addEventListener 和 removeEventListener 两个函数，看几个例子：</div><div>indow.addEventListener(&quot;load&quot;,function(){&hellip;},false);</div><div>document.body.addEventListener(&quot;keypress&quot;,function{&hellip;},false);</div><div>obj.addEventListener(&quot;mouseover&quot;,MV,true);</div><div>function MV(){&hellip;}</div><div>addEventListener 带有三个参数，第一个参数是事件类型，就是我们熟知的那些事件名字去掉前面的&ldquo;on&rdquo;，第二个参数是处理函数，可以直接给函数自变</div><div>量或者函数名，第三个参数是 boolean 值，表示事件是否支持 Capturing。</div><div>W3C 的事件模型优点是 Bubbling 和 Capturing 都支持，并且可以在一个</div><div>DOM 元素上绑定多个事件处理器，各自并不会冲突。并且在处理函数内部时，</div><div>this 关键字仍然可以使用只想被绑定的 DOM 元素。另外 function 参数列表的第</div><div>一个位置（不管是否显示调用）永远都是 event 对象的引用。</div><div>至于它的缺点，很不幸地就是在市场份额最大的 IE 浏览器下不可使用这一点。</div><div>（3）IE Event Module。</div><div>IE 自己的事件模型跟 W3C 类似，但主要是通过 attachEvent 和 detachEvent 两</div><div>个函数来实现的。依旧看几个例子：</div><div>window.attachEvent(&quot;onload&quot;,function(){&hellip;});</div><div>document.body.attachEvent(&quot;onkeypress&quot;,myKeyHandler);</div><div>可以发现，它跟 W3C 的区别是没有第三个参数，而且第一个表示事件类型</div><div>的参数也必须把&ldquo;on&rdquo;加上。</div><div>这种方式的优点就是在同一个 DOM 元素上能绑定多个事件处理函数。</div><div>至于它的缺点，为什么如今在实际开发中很少见呢？首先 IE 浏览器本身只</div><div>支持 Bubbling，不支持 Capturing；而且在事件处理的 function 内部，this 关键字</div><div>也无法使用，因为 this 永远都只想得到 window object 这个全局对象。要想得到</div><div>event 对象，必须通过 window.event 方式 ；最后一点，在别的浏览器中，它显然</div><p>是无法工作的。&nbsp;</p>');