模拟阻止事件冒泡

1、模拟事件冒泡

2、2.阻止事件冒泡

有些情况下，事件冒泡是人为设定的，但是大多数情况下，冒泡需要禁止！

1）IE内核浏览器下：

window.event.cancelBubble = true;

2）W3C内核浏览器下：

dom对象.事件 = function(event) {

   event.stopPropagation();

}

示例代码：

3、3.解决阻止事件冒泡的兼容性问题

① 创建一个public.js文件作为Javascript核心库

② 创建一个函数，stopBubble阻止事件冒泡

4、4.③ 判断浏览器类型

5、5.④ 测试Javascript代码库是否可用

6、6.如何阻止元素的默认行为

在Javascript中，不同浏览器下阻止默认行为的方式也是不同的：

1）基于IE内核的浏览器

window.event.returnValue = false;

2）基于W3C内核的浏览器

dom对象.事件 = function(event) {

  event.preventDefault();  //阻止元素的默认行为

}

示例代码：

7、7.解决阻止默认行为的兼容性问题

① 定义一个public.js文件作为Javascript核心库

② 定义一个函数prevent，用于解决阻止默认行为的兼容性问题

8、8.③ 测试Javascript代码库是否可用