1.冒泡型事件
浏览器的事件模型分两种：捕获型事件和冒泡型事件。由于ie不支持捕获型事件，所以以下主要以冒泡型事件作为讲解。
（dubbed bubbling）冒泡型指事件安装最特定的事件到最不特定的事件逐一触发。
<body onclick="add(‘body<br>‘)"> <div onclick="add(‘div<br>‘)"> <ponclick="add(‘p<br>‘)"> click me</p> </div> </body> <div id="display"> </div> <script type="text/javascript"> function add(sText) { var ulo = document.getElementById("display"); ulo.innerHTML += sText; } </script>
以上三个函数都添加了onclick函数，单机p元素后三个函数都触发，先执行了p元素，再执行了div，最后执行了body
这这里顺便提醒下捕获型事件，它的顺序正好和冒泡型事件相反。
2.事件监听
一个事件都需要函数来响应，这类函数通常称为事件处理函数（enent handler），从另外一个角度看，这些函数都在实时监听着是否有事件发生，通常称为事件监听函数(enevt handler),事件监听函数对于不同的浏览器区别较大。
原文：http://www.cnblogs.com/ahthw/p/4213521.html