在前端业务开发中，我们常常会遇到要兼容各种浏览器的问题。其中，IE8及以下的浏览器对于事件绑定的支持存在较大的问题，导致我们在使用事件绑定时需要特别注意。而 ie8-eventlistener 这个 npm 包就是为了解决这个问题而生的。
安装
首先，我们需要安装这个 npm 包，通过以下命令安装：
npm install ie8-eventlistener --save-dev
使用
接下来，我们来看看如何在项目中使用这个 npm 包。
Step 1： 导入
首先，我们需要将它导入到我们的项目中：
import 'ie8-eventlistener';
值得注意的是，ie8-eventlistener 只是一个 polyfill，它并不提供任何接口供我们调用，所以我们只需要将其导入到项目中即可。
Step 2： 绑定事件
使用方式与原生的绑定事件一样，比如：
const btn = document.getElementById('btn'); btn.addEventListener('click', () => { console.log('clicked'); }, false);
示例
为了更加清晰地理解 ie8-eventlistener 的使用，下面给出一个完整的示例：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------------------ ---------- ------- ------ ------- ---------------------- ------- ------------------------ ------- -------展开代码
import 'ie8-eventlistener'; const btn = document.getElementById('btn'); btn.addEventListener('click', event => { console.log('clicked'); }, false);
在上述示例中，我们使用了 ie8-eventlistener 对 click 事件进行了兼容处理，即使在 IE8 及以下版本的浏览器中，按钮的点击事件也能够正常触发，系统会输出 clicked，这就说明我们的 npm 包已经成功的解决了事件兼容性的问题。
指导意义
通过本文的介绍，我相信你已经了解了 ie8-eventlistener 这个 npm 包的使用方法。在现在的前端开发中，我们不得不面对各种兼容性的问题，只有通过不断学习和掌握各种技巧和手段来解决这些问题，才能将我们的产品和服务更好地呈现给用户。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcb1bb5cbfe1ea061253f
