html - Angular 6 - 移动设备上的按键空间

Question

我有一个 input 用于监听 keydown.space 事件。此技术在桌面上运行良好，但事件不会在移动设备上触发。我的 HTML 模板如下所示:

<input
    type="text"
    (keydown.space)="onAdd()"
    (keydown.backspace)="onRemoveLast()"
>

所以我需要一种方法来监听手机软键盘上的空格键事件。

Answer 1

您是在什么“手机”上测试的？如果是 Android，就像 William Moore 所说，这可能是 Android 没有将空格键注册为标准 32 的问题。

否则，您可以尝试 onkeypress + 在 JS 端监听 keycode，如下所示:

<input
  type="text"
  onkeypress="onAdd(event)"
  (keydown.backspace)="onRemoveLast()"
>

function onAdd(event){
  if (event.keyCode === 32) ...
}