activeElement，elementFromPoint和target之间的区别

Question

我想知道以下方法之间的区别以及应该使用哪种方案。我创建了一个Jsbin DEMO，它显示所有这些在点击处理程序上给出了相同的结果。

• document.activeElement
• document.elementFromPoint（X，Y）
• event.target

Answer 1

区别在于背景。

document.activeElement返回文档的活动元素，即当前关注的元素。 event.target返回事件所针对的节点。如果事件不是click，focus或类似事件。他们不会是一样的。

{p} activeElement存在于document对象上，而target仅在存在事件时存在。