keydown 및 keypress 이벤트가 각도로 작동하지 않습니다.

Question

키 누르기 및 keydown 이벤트를 바인딩하려는 지시문이 있지만 어떤 이유로 등록하지 않습니다.

element.bind("keydown keypress", function (event) { 
    console.log("here"); 
}); 

실마리가 될 수있는 단서는 무엇입니까?

파일 selectMe.js에서이 plnkr을 보면 바인딩을 볼 수 있습니다.

Answer 1

테이블 요소에 바인딩하는 경우 테이블에 포커스가 없으므로 키 이벤트를받지 못합니다. 포커스를 가질 수있는 요소에 대한 정보는 this question을 참조하십시오.

그러나 이벤트는 거품처럼 보이지 않으므로 보이지 않는 입력 또는 앵커 요소를 추가하고 거품이 일 때 키보드 이벤트를 가져 오거나 문서 요소를 수신하여 처리되지 않은 이벤트를 수신 할 수 있습니다. 당신은 대신 컨트롤 키를 직접 추적의 키 이벤트에 ctrlKey 플래그를 확인할 수 있습니다

이

var doc = angular.element(document); 
doc.on('keyup', function(e) { 
    if (e.ctrlKey) { 
    if (e.keyCode === cKey) { 
     $scope.valueToBeCopied = e.target.value; 
     console.log('copy: valueToBeCopied: ' + $scope.valueToBeCopied); 
     } 
     if (e.keyCode === vKey) { 
     e.target.value = $scope.valueToBeCopied; 
     console.log('paste: valueToBeCopied: ' + $scope.valueToBeCopied); 
     } 
    } 
}); 

당신이 시도 될 것으로 보인다 것과 불구 데 도움이 얼마나 모른다. 어떤 요소가 가상의 '포커스'를 가지고 있는지 추적해야합니다.

Answer 2

<table>에 tabindex="0"을 추가하십시오. 이를 통해 <table>을 클릭하거나 tab을 눌러 초점을 맞출 수 있습니다. 그러나 페이지가로드되는 즉시 키 이벤트 수신을 시작하는 데 관심이있을 수 있습니다. 그런 다음 이벤트를 document에 바인드해야합니다.

angular.element(document).bind(...)