Javascript event.target vs event.relatedTarget

我想知道event.target和event.relatedTarget之间的区别。以下是拖放活动中的代码块

ondragleave:函数（事件）{
//删除下拉反馈样式
event.target.classList.remove（'drop-target'）；
event.relatedTarget.classList.remove（'can-drop'）；
event.relatedTarget.textContent='拖出'；
}

一些事件使用

相关目标

事件目标来指定辅助目标。另一方面，大多数DOM事件将使用target来指定事件的主目标

例如，在

focus

事件期间，

target

将是获得焦点的元素，relatedTarget将是失去焦点的元素

您可以在此处查看指定relatedTarget的DOM事件的详尽列表：

如回答

所以从上面的解释来看，我们可以说

<div class="outer">
  <div class="inner"></div>
</div>

---

谢谢。

或明确地感谢

dragleave

：想知道event.target和event.relatedTarget之间的区别吗。-那么你的问题是什么？

ondragleave: function (event) {
    /*when the dragged element leaves the drop target, remove the 
    .drop-target class from the current focused element*/
    event.target.classList.remove('drop-target');
    
    /*remove the .can-drop class from the element that looses focus 
    to the current focused element and changed the text to Dragged Out*/
    event.relatedTarget.classList.remove('can-drop');
    event.relatedTarget.textContent = 'Dragged out';

  }