Angular 当按钮聚焦时如何禁用按键
如何在按钮聚焦时禁用向上箭头键,并在按钮未以angular2聚焦时启用它? 例如: 在html中:Angular 当按钮聚焦时如何禁用按键,angular,event-handling,keyboard-events,dom-events,Angular,Event Handling,Keyboard Events,Dom Events,如何在按钮聚焦时禁用向上箭头键,并在按钮未以angular2聚焦时启用它? 例如: 在html中: <button type="button" (focus)="disableUpArrowKey()"> 绑定keydown并调用事件的preventDefault html: stackblitz:绑定按键并调用事件的预防默认值 html: stackblitz:如何检查元素是否在上述解决方案中聚焦?该事件仅在按钮聚焦时发生如何检查元素是否在上述解决方案中聚焦?该事件仅在按钮聚焦时
<button type="button" (focus)="disableUpArrowKey()">
绑定
keydown
并调用事件的preventDefault
html:
stackblitz:绑定
按键
并调用事件的预防默认值
html:
stackblitz:如何检查元素是否在上述解决方案中聚焦?该事件仅在按钮聚焦时发生如何检查元素是否在上述解决方案中聚焦?该事件仅在按钮聚焦时发生
disableUpArrowKey(){
//??
}
<button (keydown)="onKeydown($event)">Button</button>
...
onKeydown(event: KeyboardEvent) {
if (event.key === 'ArrowUp') {
event.preventDefault()
}
}
...