這篇可以參考使用 第 22 天 Keydown事件
如果是要按下不同key來改變圖案，大概是這樣

<img id="myImg" src="./a.png"> //只會有一個img


window.addEventListener('keyup',function(e){
	if(e.key == 'a') {//將img的src改成./a.png}
    if(e.key == 'b') {//將img的src改成./b.png}
    if(e.key == 'c') {//將img的src改成./c.png}
})

或者也可以放三個img

<img id="myImgA" class="active" src="./a.png"> //初始值，顯示
<img id="myImgB" class="hidden" src="./b.png"> //初始值，隱藏
<img id="myImgC" class="hidden" src="./c.png"> //初始值，隱藏

window.addEventListener('keyup',function(e){
	if(e.key == 'a') {//myImgA的class=active myImgB、myImgC的class=hidden}
    if(e.key == 'b') {//myImgB的class=active myImgA、myImgC的class=hidden}
    if(e.key == 'c') {//myImgC的class=active myImgA、myImgB的class=hidden}
})

有如下的事件可以使用
onkeypress
onkeyup
onkeydown

如果是依遊戲按鍵的話。我會建議「onkeydown」

對應的方式如下

<script>
<input type="button" onkeydown="checkForm()" value="按看看" />
function checkKey(){
    console.log('keyCode',event.keyCode);//可以先由這邊查看按鍵代碼
    //要注意，英文大小寫會不一樣
    
    //這是簡單的判斷按下 ENTER(13)則觸發按下Tab(9)鍵
    if(event.keyCode ==13){
        event.keyCode =9;
    }
}
</script>