event.currentTarget和document.activeElement用法

关于Firefox中的`event.currentTarget`与IE中的`document.activeElement`这两个看似相似的对象，实际上含义截然不同。在浏览器兼容代码中，有时会将它们混淆使用，这种做法其实是不准确的。

我们来深入理解这两个属性的含义。

event.currentTarget

该属性在事件传播过程中标识当前处理事件的元素。也就是说，当某个事件（如点击事件）触发时，它会沿着DOM树向下传递，`event.currentTarget`会指向正在处理该事件的元素。这对于理解事件冒泡和捕获机制非常有用。

document.activeElement

这个属性获取的是当前拥有焦点的对象。当某个元素获得焦点时（例如输入框被选中），`document.activeElement`就会指向这个元素。这对于处理键盘焦点事件特别重要。

举个例子来说明二者的差异：在一个包含图片的链接上点击鼠标时，如果链接拥有事件监听器，那么在事件处理函数中，`event.currentTarget`会指向被点击的链接元素。而`document.activeElement`则可能指向输入框或其他先前获得焦点的元素（如果存在的话）。这就是两者之间的主要差异。

对于开发者而言，了解这两个属性的区别至关重要。在编写兼容多种浏览器的代码时，应该根据实际需求选择正确的属性。常见的错误用法如 `document.activeElement || event.currentTarget` 并不推荐，因为它们在实际应用中可能会导致混淆和错误。

经过测试发现，除了Safari浏览器外，IE、Firefox和Opera都支持`document.activeElement`对象。但在使用Opera浏览器时需要注意，某些情况下（如点击图片）它可能会将图片视为可以focus的对象，导致`document.activeElement`的结果与其他浏览器不一致。在编写兼容代码时，应充分考虑这些差异，确保代码在各种浏览器中的行为符合预期。