React -在Tab键切换时防止焦点离开模式

import React, { useState } from 'react';

const App = () => {
  const [isTabPressed, setIsTabPressed] = useState(false);

  const handleKeyDown = (event) => {
    if (event.key === 'Tab') {
      setIsTabPressed(true);
    }
  };

  const handleBlur = () => {
    if (isTabPressed) {
      // 处理焦点离开模式
      setIsTabPressed(false);
    }
  };

  return (
    <div>
      <input
        onKeyDown={handleKeyDown}
        onBlur={handleBlur}
        placeholder="输入内容"
      />
    </div>
  );
};

export default App;