啓用和禁用onkeydown事件？

Question

您好我試圖從關鍵啓用開始，然後一旦單擊按鈕以禁用事件，目前爲止工作正常，然後一旦關閉按鈕被按下，我想再次啓用該事件這部分不起作用我想解決這個使用JavaScript如果可能的話我的關閉按鈕是另一個HTML（project1.html）文件，並通過Ajax這裏被加載是我的代碼：

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

要刪除事件偵聽器的功能不能是匿名的，這樣可以在以後引用它。所以定義功能：

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

將它添加到事件偵聽器：

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

，並刪除它：

$("#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 lly停止事件的發生，並且off（）函數恢復默認的keydown功能。您可以參考jQuery的文檔在這裏的功能：

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

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

Answer 4

點擊關閉div並指定keydown函數點擊打開從document.onkeydown刪除keydown函數。

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>