我有一个 Angular 项目,我想为箭头键实现一些功能,我尝试使用类似的东西(keyup.[keyCode])="Move(itemArray, 'UP')
_其中 [keyCode] 代表箭头键之一的代码_但是没有任何作用,这是我使用它的模板。
模板 (HTML)
<div (keyup.38)="Move(itemArray, 'UP')"
(keyup.37)="Move(itemArray, 'LEFT')"
(keyup.40)="Move(itemArray, 'DOWN')"
(keyup.39)="Move(itemArray, 'RIGHT')">
<div>
<div class="score">
<span>Best:</span>
{{best}}
</div>
<div class="score">
<span>Score:</span>
{{score}}
</div>
</div> <br>
<div class="game-container">
<div class="grid-container">
<div *ngFor="let item of itemArray">
<div class="grid-cell-{{item.level|number}}">
<span>{{item.level}}</span>
</div>
</div>
</div>
</div>
<div class="button-container">
<div>
<button class="empty"></button>
</div>
<div>
<button class="control-button" (click)="Move(itemArray, 'UP')">Up</button>
</div>
<div>
<button class="empty"></button>
</div>
<div>
<button class="control-button" (click)="Move(itemArray, 'LEFT')">Left</button>
</div>
<div>
<button class="control-button" (click)="Move(itemArray, 'DOWN')">Down</button>
</div>
<div>
<button class="control-button" (click)="Move(itemArray, 'RIGHT')">Right</button>
</div>
</div>
</div>
探索 Angular相关拉取请求,它给人的印象是该功能不支持按键代码,而只支持一组按键名称。
(keyup.arrowup)="Move(itemArray, 'UP')"
(keyup.arrowleft)="Move(itemArray, 'LEFT')"
(keyup.arrowdown)="Move(itemArray, 'DOWN')"
(keyup.arrowright)="Move(itemArray, 'RIGHT')"
注意使用名称而不是数字。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)