javascript - jqueryでマウスオーバークリックを防ぐ必要があります

Question

こんにちは、次のコードがあります：

$('img').on("mouseenter",function(){
        //show overlay
    });

$("#overlay").on("click",function(event) {
    event.preventDefault();
        //hide overlay  
})

オーバーレイをクリックすると、閉じるはずです。しかし、たまたま画像の上にいると、画像が閉じません.mouseclickイベントとmouseenterイベントの両方を受け取ります。これを防ぐにはどうすればよいですか?

jquery 1.10.2を使用しています