const res = document.querySelector("#resultado");
const alvoover = document.querySelector("#alvo-over");
const alvoout = document.querySelector("#alvo-out");
alvoover.addEventListener("mouseover", (event) => {
  resultado.innerHTML = 
  `relatedTarget: ${event.relatedTarget}`;
});
alvoout.addEventListener("mouseout", (event) => {
  resultado.innerHTML = 
  `relatedTarget: ${event.relatedTarget}`;
});

<div id="demo-over">Elemento DIV
  <p id="alvo-over">Elemento alvo para mouseover</p>
</div>
<blockquote id="demo-out">Elemento BLOCKQUOTE
  <quote id="alvo-out">Elemento alvo para mouseout</quote>
</blockquote>   
<div id="resultado"></div>

Elemento BLOCKQUOTE Elemento alvo para mouseout