javascript - 如何通过Web应用程序(ReactJS)检测Android设备虚拟键盘中的空格键

Question

我正在 ReactJS 中构建一个 Web 应用程序，我想在用户按下空格键后立即调用 API。我尝试过几个事件，例如(onKeyPress、onKeyUp、onKeyDown)，但除了“enter”和“backspace”之外，每个按下的键都获得相同的键码。它在桌面上运行良好，但在移动设备上运行不佳。我应该怎么办？提前致谢。

Answer 1

如果只在输入末尾捕获一个空格就足够了，您可以执行类似的操作。

import React, { useState } from "react";

export default () => {
  const onInputChange = ({
    target: { value }
  }): void => {
    if (value && value[value.length - 1] === " ") {
      // do stuff
    }
  };

  return <input onChange={onInputChange} />;
};