Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
HTMLInputElement: search Ereignis
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Dassearch-Ereignis wird ausgelöst, wenn eine Suche mit einem<input>-Element vom Typtype="search" initiiert wird.
Es gibt mehrere Möglichkeiten, eine Suche zu starten, zum Beispiel durch Drücken derEnter-Taste, während das<input>-Element fokussiert ist. Wenn dasincremental-Attribut vorhanden ist, wird das Ereignis nach einem vom UA definierten Timeout seit der letzten Tastenanschlages ausgelöst (wobei neue Tastenanschläge den Timeout zurücksetzen, sodass das Ereignisentprellt wird).
Aktuelle UA-Implementierungen von<input type="search"> haben eine zusätzliche Steuerung, um das Feld zu leeren. Die Verwendung dieses Steuerungselements löst ebenfalls dassearch-Ereignis aus. In diesem Fall ist dervalue des<input>-Elements der leere String.
Dieses Ereignis kann nicht abgebrochen werden.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wieaddEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.
addEventListener("search", (event) => { })onsearch = (event) => { }Ereignistyp
Ein generischesEvent.
Beispiele
// addEventListener versionconst input = document.querySelector('input[type="search"]');input.addEventListener("search", () => { console.log(`The term searched for was ${input.value}`);});// onsearch versionconst input = document.querySelector('input[type="search"]');input.onsearch = () => { console.log(`The term searched for was ${input.value}`);};Spezifikationen
Dieses Ereignis ist Teil keiner Spezifikation.