関数の内部で作成されたイベントリスナを削除しますか？（JavaScript）

関数の内部で作成されたイベントリスナーを削除しようとしていますが、何らかの理由で機能しません。私はそれを機能から取り除くとうまく動作します。以下の例：関数の内部で作成されたイベントリスナを削除しますか？（JavaScript）

<body> 
<div id='myDiv'></div> 
<button type='submit' onclick='rel()'>RemoveEventListener</button> 

<script> 
function Mouse() { 
    myDiv.addEventListener('click', cK); 
    function cK() { 
     alert('You've clicked on myDiv!'); 
    } 
} 
function rel() { 
    myDiv.removeEventListener('click', cK); 
} 
Mouse(); 
</script> 
</body>

出典

2016-12-29 js- m

「myDiv」コンポーネントへの参照はどのように取得しますか？削除のために同じリファレンスを使用していますか？ – VadimB

私はそれを含むグローバル変数を持っていますが、コピーするのを忘れました –

@VadimB 'id = 'myDiv'で、対応するHTMLElementはグローバル変数として公開されます。 – dfsq

ckは、それがrelでは利用できないMouseの内部で定義されている場合。外に移動：

function cK() { 
    alert('You\'ve clicked on myDiv!'); 
} 
function Mouse() { 
    myDiv.addEventListener('click', cK); 
} 
function rel() { 
    myDiv.removeEventListener('click', cK); 
}

出典

2016-12-29 12:52:20 dfsq

また、VadimBの質問 – DhruvJoshi

に関するコメントを参照してくださいありがとうございます。問題を解決しました –

イベントリスナーを追加する前に呼び出されたremove関数は問題を引き起こす可能性がありますか？ –

関数の内部で作成されたイベントリスナを削除しますか？ （JavaScript）

答えて

関連する問題

関数の内部で作成されたイベントリスナを削除しますか？（JavaScript）