javascript实现按数字键1获取img图片的焦点，按回车键刷新图片

今天项目当中有个新需求，按数字键1获取到二维码图片的焦点，然后按回车键还要刷新二维码图片。众所周知，img本身是不带有焦点属性的，但是可以给img添加属性：tabindex，使图片具有焦点属性。

环境是angular2，二维码图片是通过后台获取的。

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();//获取二维码图片的接口
        }
    }