각도 js의 입력 필드가없는 페이지에서 키 누르기 캡처

Question

사용자가 홈 페이지에있는 동안 Enter 키를 누를 때 함수를 호출하려는 AngularJS 응용 프로그램이 있습니다.

AngularJS에는 Enter 키를 눌렀을 때 양식을 제출하는 데 사용할 수있는 ngEnter가 있지만, 제 경우에는 작업이 양식 제출이 아닙니다. 사용자가 Enter 키를 누를 때 섹션을 숨기려고합니다.

AngularJS 컨트롤러에서 키 누르기 이벤트를 캡처하고, 누른 키가 Enter 키인지 확인한 다음 함수를 호출 할 수 있습니까?

Answer 1

ngkeyUp을 사용할 수 있습니다.

자세히 알아보기 here.

그래서 기본적으로 당신은이를 사용할 수 있습니다

input ng-keyup="event=$event"> 

입력을 얻고 모델에서 변수를 저장하고 당신이 원하는 방식을 사용합니다.

ngKeyPress을 사용할 수도 있습니다. here을 읽으십시오.

Answer 2

시도해 볼 수 있습니다. 페이지의 키를 누를 때마다 트리거됩니다.

$document.bind('keyup', function (e) { 
$scope.myFunction (e.keyCode) 
}); 

$scope.myFunction = function(keyVal) { 
if (keyVal === 13) 
{ 
    //Do your stuff here 
} 
} 

행운을 빈다.

Answer 3

컨트롤러에 적어 둡니다.

// You can do this on any element by getting the element using document.querySelectorAll("#element_id") 
     document.body.addEventListener('keypress', function(event){ 
      if(event.keyCode === 13){ 
       console.log('You pressed Enter key.'); 
       // do stuff here 
      } 
     })