[转]《精通Javascript》笔记：第六章(事件)

《精通Javascript》笔记：第六章(事件)

Published by sansan at 11:41 am under 前端|Front-End

1. 事件模型：捕获和冒泡
   通过onevent设置时间的方式，只支持冒泡，不支持捕获。
   Realazy的演示
2. 阻止事件冒泡的通用函数

   function stopBubble(e) {
   	var e = e || window.event;
   	if (e.stopPropagation) {
   		e.stopPropagation();
   	} else {
   		window.event.cancelBubble = true;
   	}
   }

3. 阻止浏览器的默认行为

   function stopDefault(e) {
   	if (e && e.preventDefault) {
   		e.preventDefault();
   	} else {
   		window.event.returnValue = false;
   	}
   	return false;
   }

4. 传统绑定的缺点：
   1) 传统方法只会在事件冒泡中运行，而非捕获和冒泡
   2) 一个元素只能绑定一个事件处理函数
5. DOM绑定：W3C
   addEventListener(事件名称, 处理事件的函数, 启用/禁止事件捕获)
6. Dean Edwards写的addEvent/removeEvent库
7. 使加载淡入的技术在Javascript禁用的时候不失去作用

   <script>document.documentElement.className = ‘js’;</script>
   <style>.js #elem { display:none; }</style>