HTML - 화살표 키로 닫기 사이드 메뉴 열기

화살표 키를 사용할 때 사이드 메뉴를 어떻게 열 수 있습니까? 오른쪽 화살표 키를 누르면 왼쪽 화살표 키가 닫힙니다. 여기 HTML - 화살표 키로 닫기 사이드 메뉴 열기

내 메뉴가 열립니다 방법의 코드 그리고 종료 :이 주제로 보았다하지만 당신은 아마 저를 표시하거나 날 지점 수 있다면 나에게 직접 관련이 아무것도 찾을 수가 없었다

<script> 
function toggle() { 
    if(document.getElementById("hidethis").style.display=='none'){ 
    document.getElementById("hidethis").style.display = ''; 
    }else{ 
    document.getElementById("hidethis").style.display = 'none'; 
    } 
</script>

올바른 방향으로 나아질 것입니다. 나는 당신이 일종의 keydown 함수로 이것을 할 수있을 것이라고 확신한다. 일반 자바 스크립트 jQuery에 웹 페이지 에

출처

2013-11-03 apples

아마도이 방법으로 도움이됩니다. http://stackoverflow.com/questions/1402698/binding-arrow-keys-in-js-jquery – Marques

document.addEventListener("keydown", function (e) { 
    if (e.keyCode === 39) 
     document.getElementById("hidethis").style.display = ''; 
    if (e.keyCode === 37) 
     document.getElementById("hidethis").style.display = 'none'; 
}, false);

<!DOCTYPE html> 
<html> 
<head> 
    <script> 
     var thisKey; 

     document.onkeydown = keyHit; 
     var ltArrow = 37; 
     var rtArrow = 39; 
     function keyHit(evt) { 
      if(evt) { 
       thisKey = evt.which; 
      } else { 
       thisKey = window.event.keyCode; 
      } 
      if (thisKey == rtArrow) { //Right arrow key is pressed 
       document.getElementById("hidethis").style.display = ''; 
      } else if (thisKey == ltArrow) { //Left arrow key is pressed 
       document.getElementById("hidethis").style.display = 'none'; 
      } 
     } 
    </script> 
</head> 
<body> 
</body> 
</html>

난이 도움이되기를 바랍니다 :

출처

2013-11-03 14:36:25 Sgoldy

해보십시오 JQuery와 키 코드 유명 트릭을 할해야의 문자

출처

2013-11-03 14:00:18

여기에 오른쪽 또는 왼쪽 화살표를 누르면되었는지 알려주는 자바 스크립트 코드입니다!

출처

2013-11-03 15:32:48 416E64726577

HTML - 화살표 키로 닫기 사이드 메뉴 열기

답변

관련 문제