js 事件

转载于 2017-09-05 17:50:00 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Tachi/p/7479874.html

本文探讨了事件冒泡机制在不同浏览器版本中的表现，特别是在IE9及其以下版本中elementTarget.addeventListener的兼容性问题。通过示例代码展示了如何在现代浏览器和旧版IE中实现事件监听。

1. 事件冒泡：

// 分别在 >= ie 9 和 < ie9 下测试

'use strict';
var arr = [document, window, document.documentElement, document.body, document.querySelector('.container')];
while (arr.length){
  var e = arr.pop(arr);
  !function(e){
    if (e.addEventListener){
      e.addEventListener('click', function (event) {console.log(e.constructor.name);});
    }else{
      e.attachEvent('onclick', function (event) {console.log(e.constructor.name);});
    }
  }(e)
}