点击<span>元素 > JavaScript输出document.activeElement VS. event.target

Question

点击<span>元素 > JavaScript输出document.activeElement VS. event.target

javascript

3

我是JavaScript的新手。以下是我的代码。

点击按钮后，我理解为什么event.target返回对象（因为那是我点击的最内层元素。正确吗？）。

我的疑问是，按照同样的逻辑，为什么document.activeElement返回

- Vibhor Jain

当您在按钮的边缘点击时，看到event.target是button而不是span，这很好。这是因为span标签没有“覆盖”整个button。 - bart s

非常感谢您的澄清，这对我很有帮助！ :) - Vibhor Jain

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Some Guy · Accepted Answer

这是因为document.activeElement会返回当前获得焦点的元素（或将接收按键事件的元素）。

返回当前获得焦点的元素，也就是说如果用户输入任何内容，该元素将接收到按键事件。该属性只读。

由于span和div等元素通常不能接收按键事件或获得焦点（通过Tab），它们永远不会成为activeElement。只有当它们可以接收按键事件或处于“活动”状态时，例如当您将它们设置为contenteditable或赋予它们tabindex时，它们才成为activeElement。演示