如何通過Web App（ReactJS）檢測Android設備虛擬鍵盤中的sapce鍵

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} />;
};