Internet Explorer（IE）曾经是市场上最受欢迎的浏览器之一，但现在已被许多人抛弃。然而，在某些情况下，我们可能仍然需要支持 IE。在处理事件时，IE 与其他浏览器的行为存在差异，特别是在涉及到事件目标的相关属性时。
currentTarget 属性
在 JavaScript 中，事件对象（Event object）代表一个事件的状态，并且包含有关事件的所有信息。其中一个属性是 currentTarget，该属性指向当前正在处理事件的元素，即事件处理程序附加的元素。
例如，假设我们有以下 HTML：
---- ----------- ---- ---------------- -------- ------
如果我们在 #inner 元素上添加一个点击事件，如下所示：
---------------------------------------------------------- --------------- - ----------------------------------- --------------------- ---
当单击 #inner 元素时，控制台将记录 #inner 元素作为当前目标元素（current target element）：
-------------------- ---- ---------------- --------
IE 的问题
在 IE8 及更早版本中，事件对象并没有 currentTarget 属性。相反，IE 使用 srcElement 属性来确定当前目标元素。因此，如果我们想要支持 IE8 或更早版本，则应该调整我们的事件处理程序：
---------------------------------------------------------- --------------- - --- ------------- - ------------ -- ----------------- ----------------------------- --------------- ---
在这种情况下，如果 event.target 存在，则使用它作为当前目标元素。否则，我们将返回 event.srcElement。
指导意义
当需要在项目中支持 IE8 及更早版本时，了解此类差异非常重要。在编写代码时，请牢记不同浏览器对事件对象和相关属性的实现方式可能存在差异。
同时，我们可以通过 Modernizr 库等工具检测浏览器支持的功能，以便我们能够选择使用最新技术而无需担心向后兼容性。
示例代码
以下是一个可用于测试 currentTarget 和 srcElement 属性的示例代码：
---- ----------- ---- ---------------- -------- ------ -------- ---------------------------------------------------------- --------------- - ----------------------------------- --------------------- -- ------- ------- --- ---- ---------------- -------- --- ------------- - ------------ -- ----------------- ----------------------------- --------------- -- ------- ------- --- ---- ---------------- -------- --- ---------
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/24413