Enter-Taste Code in JavaScript

So erkennst du Enter

document.addEventListener('keydown', (event) => {
  if (event.key === "Enter" && !event.isComposing) {
    // Enter was pressed
  }
});

Verwende event.key, um auf die Bedeutung der Taste zu reagieren (sie folgt dem Tastaturlayout), und event.code für ihre physische Position, zum Beispiel WASD in Spielen. keyCode und which sind veraltet: Sie funktionieren noch, aber ihre Werte unterscheiden sich zwischen Browsern und Layouts.

Wie Browser Enter behandeln

Enter sendet ein Formular ab, wenn der Fokus in einem Textfeld liegt, und aktiviert Buttons und Links. Prüfe event.isComposing: Wenn jemand auf Chinesisch, Japanisch oder Koreanisch tippt, bestätigt Enter die Eingabe und sollte deine Aktion nicht auslösen. Die Enter-Taste im Ziffernblock hat denselben key, aber code NumpadEnter.

In React

<input onKeyDown={(e) => { if (e.key === "Enter") { /* … */ } }} />