React Synthetic Event：如果按下 Enter 键，如何捕获？

Question

为什么下面传递的事件保留 'event.target' 值而不是 'event.code'？

import React, { useState, useEffect } from 'react';
import moment from 'moment';
import { subscribeToTimer } from './api';
import './App.css';

function App() {
  function getInput(e) {
    console.log(e.target);
    console.log(e.code);
  }

  return (
    <>
      <p>Hello World!</p>
      <input type="text" name="message" className="message" placeholder="Type here..." onKeyUp={(e) => getInput(e)} />
    </>
  );
}

export default App;

我们如何捕获在 React 中为输入元素按下的 'Enter' 键？！

Answer 1

event 没有 code 键。

您可以使用event.key === 'Enter'或event.keyCode === 13检查按下的键是否为Enter。

React Synthetic Event：如果按下 Enter 键，如何捕获？

React Synthetic Event: How to capture if Enter key is pressed?

reactjs

enter

keycode

onkeyup