ボタンを押した後にJqueryイベントをトリガーしない

Question

このイベントを行うには、バックボタンの近くにマウスを置くと、このdivに "Where are you ？。行く:(」私はそれが働いて持っているが、いくつかの時間後に、それは迷惑になり

HTML：

<div class="leaveModal dontgo"> 
    <h1>Where are you going? :(</h1> 
    <div class="closebutton"> 
     <i class="fa fa-times fa-lg" aria-hidden="true"></i> 
    </div> 
</div> 

はJavaScript：

$("body").on("mousemove",function(event){ 
    if (event.pageX < 100 && event.pageY < 50) { 
     $(".dontgo").fadeIn(600); 
    } 
} 

/* Close Button */ 

$(".fa-times").click(function(){ 
    $(".dontgo").fadeOut(500); 
}) 

閉じるボタンを押すたびに閉じられますが、イベントは引き続き発生します。私が私のバックボタンに向かって動くとき、それは人々のために非常に迷惑になります。

閉じるボタンを1回押した後にjQueryイベントをトリガーしないようにする方法を知っている人はいますか？

Answer 1

$("body").off他のトリガーイベントを傷つける可能性があります。したがって、removeはオプションです。

$(".fa-times").click(function(){ 
    $(".dontgo").fadeOut(500).remove(); 
}) 

Answer 2

ボタンをクリックしたときにリスナーをオフにするにはどうすればよいですか？

$(".fa-times").click(function(){ 
    $("body").off("mousemove"); //Turn off the listener for body 
    $(".dontgo").fadeOut(500); 
}) 

EDIT：この回答のコメントで述べたようwar10ck、上記のスニペットの$("body").off();部分は、あなたのbodyにバインドされたすべてのイベントを削除します。代わりに$("body").off("mousemove");と答えて mousemoveイベントを削除するように私の答えを編集しました。