检查元素是否在 javascript 中悬停

Question

我有一张用 javascript 制作的画布图片，我想检查鼠标光标是否悬停在画布上。这就是我的代码的样子

window.onload = function() {     
     var Gamecanvas = document.getElementById('game');
     var GameCTX = Gamecanvas.getContext('2d');
     function soapDraw() {
         var soap = new Image();
         soap.src = 'Soap.png';         
         soap.onload = function() {
              GameCTX.drawImage(soap, 5, 5);
         };
     };
     soapDraw(); 
}

这段代码加载了肥皂的图像，我想如果光标悬停在肥皂上，它就会移动，虽然我还没有到移动的部分......

我不想要任何 jquery 答案。我想要 javascript 非查询答案

我在其他论坛上试过 jquery 答案，但我没有使用 jquery 的经验，我不知道如何根据我的需要调整它。