ハンドラ関数からウィンドウイベントリスナーを削除する

Question

私はハンドラ関数checkを持つaddEventListenerを宣言する関数beginを持っています。今度は特定の条件がcheckの内部で満たされたら、eventListenerを削除します。

マイコード：

function begin(data){ 
    //code 
    window.addEventListener('keyUp', check(data)); 
} 

function check(data){ 
    return function check1(event){ 
     //code 
     if(condition) window.removeEventListener('keyUp', check(data)); 
    } 
} 

すべてが正常に動作しているが、それはEventListenerを削除されていません。

Answer 1

ハンドブックでは、check(data)レスポンス関数を変数に渡すなどして固有の応答関数にする必要があります。そうでなければ、check(data)に電話をかけて間違ったものを取り除こうとするたびに別の機能が使用されます。

var handler; 

function begin(data) { 
    handler = check(data); 
    window.addEventListener('keyUp', handler); 
} 

function check(data) { 
    return function check1(event) { 
     if(condition) { 
      window.removeEventListener('keyUp', handler); 
     } 
    } 
} 

Answer 2

check1は常になりますcheckの呼び出しごとに異なる機能があなたがwindow.removeEventListener('keyup', check1)を使用して自分自身を削除することができます。他の人があなたのハンドラ関数を指摘したように

は

function begin(data) { 
    //code 
    window.addEventListener('keyup', check(data)); 
} 

function check(data) { 
    return function check1(event) { 
    if(condition) { 
     window.removeEventListener('keyup', check1); 
    } 
    } 
} 

Answer 3

ので削除カントcheckではありませんそれ。ハンドラ関数は、関数チェックが返す関数です。

あなたは何が起こっているのかをよく理解するために、入力することができます。

check().prototype.constructor.name // 'check' 
check.prototype.constructor.name // 'check1' 

の