javascript 은 디지털 키 1 을 누 르 면 img 그림 의 초점 을 얻 고 Enter 키 를 누 르 면 그림 을 새로 고 칩 니 다.

오늘 프로젝트 에 새로운 수요 가 있 습 니 다. 디지털 키 1 을 누 르 면 QR 코드 그림 의 초점 을 얻 은 다음 에 리 턴 키 를 누 르 면 QR 코드 그림 을 새로 고 쳐 야 합 니 다.알다 시 피 img 자 체 는 초점 속성 을 가지 지 않 지만 img 에 속성 을 추가 할 수 있 습 니 다: tabindex, 그림 에 초점 속성 을 가지 게 합 니 다.
환경 은 angular 2 이 고 QR 코드 사진 은 배경 을 통 해 얻 을 수 있 습 니 다.

img class="groupCode" [src]="syncgroup" (click)="refreshCode(1)" id="syncCode" tabindex="1" (keydown)="getSyncFocus($event)">

. ts (주의: 이 부분 코드 는 전역 적 입 니 다. constructor 방법 에 적 혀 있 습 니 다)

 document.onkeydown =function(event){
             var e = event || window.event || arguments.callee.caller.arguments[0];
             // alert(e.keyCode);
             if(e.keyCode==49){
                 var syncCode = document.getElementById('syncCode');
                 syncCode.focus();
             }
             
        }

그림 새로 고침:

getSyncFocus(event){
        console.log(event);
        if(event.keyCode==13){
            this.syncgroupInit();//          
        }
    }