关于IE浏览器以及Firefox下冒泡事件的响应层级

在firefox以及IE 8下打开页面，在标签testDiv（灰色方块）上单击，结果分别如下截图：

firefox下结果 IE 8下结果

可以看到，两者结果并不相同？究竟为什么会这样呢？

 

原来是由于IE浏览器以及Firefox对于冒泡型事件的支持层次不同造成的。（如对冒泡事件不是很了解可先查询相关资料）

（1）在IE 6以及后续版本，冒泡事件支持的层级达到document对象。

（2）在firefox（准确的说应该是Mozilla1.0以及更高版本），对冒泡事件的支持一直上升到window窗口对象。

于是就造成了上面事件响应结果的不同。

 

另外，有个有意思的地方不知道你注意到了没有？就是事件目标的响应顺序。（冒泡事件的响应顺序。。。好像有点废话）我们知道，firefox同时支持两种事件模型，也就是：捕获型事件和冒泡型事件。在这里明显事件处理函数作用在了冒泡阶段。也就是说，如果我们采用传统的直接给事件处理函数属性赋值的话，比方说：

 

以上就是对于IE、firefox里面冒泡事件响应层级的一点介绍，同时顺带介绍了采用传统事件处理函数直接赋值的默认处理。详细的讲解可参见大牛Nicholas C. Zakas所著的《javascript高级程序设计》。

 

PS：以上内容仅仅为个人读书笔记，如有错漏，随时欢迎指正。同时希望能有更多的前端爱好者们共同分享你们的心得！

如何在谷歌chrome、Firefox等浏览器打开、编辑、保存微软Office、金山WPS文档？ 在2015年的主流浏览器版本中，因为可以直接调用微软开源的 ActiveX控件，可以实现微软Office软件的在线编辑及审阅功能，但是从2015年开始，各大主流浏览器先后取消了对 NPAPI插件，导致在线编辑Office软件成为了一个难题。虽然后来有商业公司开发的相关控件，但是还是无法 克服ActiveX控件固有的缺陷，不仅限制了浏览器的版本，还需要用户单独设置浏览器安全设置，导致用户体验极差。
海康威视、浙江大华RTSP在Chrome、Firefox等浏览器低延迟（300ms）播放解决方案 在遍地都是摄像头的今天，往往需要在各种B/S信息化系统中集成视频播放功能，海康、大华、华为等大厂摄像头遵循监控行业标准，一般只支持RTSP传输协议，而Chrome、Firefox、Edge等现代浏览器的主流版本并不支持RTSP流的直接原生播放！
Chrome、Firefox等浏览器低延迟（300ms）播放海康威视、浙江大华RTSP解决方案 随着网络宽带的不断提升和智能手机的流行，RTSP实时视频流播放及处理不再局限于安防行业。在如道路、工厂、楼宇、学校、港口、农场、景区等诸多场景实施的信息化系统中，绝大多数都采用的是B/S架构，隐藏迫切需要在浏览器中嵌入多路摄像头RTSP流低延迟(小于500毫秒)播放功能
怎么在Chrome和Firefox浏览器中清除HSTS设置？ HSTS代表的是HTTPS严格传输安全协议，它是一个网络安全政策机制，能够强迫浏览器只通过安全的HTTPS连接（永远不能通过HTTP）与网站交互。