当我鼠标离开元素但鼠标进入弹出框时，我如何让弹出框隐藏起来？

// HTML
<div id="element">鼠标离开时隐藏的元素</div>
<div id="popup">弹出框</div>

// JavaScript
var element = document.getElementById('element');
var popup = document.getElementById('popup');

element.addEventListener('mouseout', function() {
  popup.style.display = 'none';
});

popup.addEventListener('mouseover', function() {
  popup.style.display = 'none';
});

// HTML
<div id="element">鼠标离开时隐藏的元素</div>
<div id="popup">弹出框</div>

// JavaScript with jQuery
$('#element').mouseout(function() {
  $('#popup').hide();
});

$('#popup').mouseover(function() {
  $('#popup').hide();
});