onkeydownイベントを有効または無効にしますか？

Question

こんにちは私はキーを有効にして開始しようとしていますし、一度ボタンをクリックしてイベントを無効にするとこれまでのところうまくいきました。そして一旦閉じるボタンが押されたらもう一度イベントを有効にしたい私のコードの可能私の閉じるボタンは、別のHTML（project1.html）ファイルであるとAjaxここ経由でロードされている場合、私は、この使用してJavaScriptを解決したいのです：

var enable_keydown = document.onkeydown; 

$(".open-project").click(function(){ 
document.onkeydown = null; 
}); 

$("#project_close").click(function(){ 
document.onkeydown = enable_keydown; 
}); 


document.onkeydown = function(e) { 
    switch (e.keyCode) { 
     case 37: 
      $.fn.fullpage.moveSectionUp(); 
      break; 
     case 38: 
      $.fn.fullpage.moveSectionUp(); 
      break; 
     case 39: 
      $.fn.fullpage.moveSectionDown(); 
      break; 
     case 40: 
      $.fn.fullpage.moveSectionDown(); 
      break; 
    } 
}; 

種類よろしく

Answer 1

あなたが後でそれを参照できるように、あなたの関数が匿名にはできませんイベントリスナーを削除するには。だからあなたの関数を定義する：

$(".open-project").click(function(){ 
    document.addEventListener('keydown', moveSection); 
}); 

をして、それを削除します：

function moveSection(e) { 
    switch (e.keyCode) { 
     case 37: 
     case 38: 
      $.fn.fullpage.moveSectionUp(); 
      break; 
     case 39: 
     case 40: 
      $.fn.fullpage.moveSectionDown(); 
      break; 
     default: 
      break; 
    } 
} 

は、イベントリスナーにそれを追加

$("#project_close").click(function(){ 
    document.removeEventListener('keydown', moveSection); 
}); 

は、あなたがここに

をやっている https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListenerと https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener

を参照してください。

var enable_keydown = document.onkeydown; 

$("#project_close").click(function(){ 
    document.onkeydown = enable_keydown; 
}); 

はdocument.onkeydown = document.onkeydownになりますが意味がありません。

Answer 2

ますフラグ変数を使用するか、バインドおよびバインド解除関数を使用できます。

また、この質問チェックアウト：これを行うには

bind and unbind event in jquery

Answer 3

を、私はこれまで、あなたの無効化ハンドラを変更します

：

$(".open-project").click(function(){ 
    $(document).on('keydown', function(e) { e.preventDefault(); }); 
}); 

と再有効化ハンドラのためこの操作を行います

$("#project_close").click(function(){ 
    $(document).off('keydown'); 
}); 

on（）関数は、keydownイベントをbasicaにバインドしますイベントの発生を停止し、off（）関数はデフォルトのkeydown機能を復元します。あなたはここにそれらの機能のためのjQueryのドキュメントを参照してくださいすることができます

http://api.jquery.com/on/

http://api.jquery.com/off/

Answer 4

close divをクリックしてkeydown機能を割り当てるopenをクリックすると、keydown関数がdocument.onkeydownから削除されます。

function moveFunc(e) { 
 
      alert(e.keyCode); 
 
    }; 
 

 
$(".open-project").click(function(){ 
 
    document.onkeydown = null; 
 
}); 
 

 
$("#project_close").click(function(){ 
 
    document.onkeydown = moveFunc; 
 
});

.open-project{ 
 
    background-color: red; 
 
    width: 150px; 
 
    height: 150px; 
 
    } 
 
    
 
#project_close{ 
 
    background-color: green; 
 
    width: 150px; 
 
    height: 150px; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="open-project" >open project</div> 
 
<div id="project_close" >project close</div>