So implementieren Sie eine dynamische Fuzzy-Abfrage in der Eingabe
Der folgende Editor wird Ihnen eine Implementierungsmethode vorstellen, die auf einer dynamischen Fuzzy-Eingabeabfrage basiert. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist. Folgen wir dem Editor, um einen Blick darauf zu werfen
Als ich kürzlich jQuery zur Implementierung einer dynamischen Fuzzy-Abfrage verwendete, hatte ich lange gesucht, konnte aber keine dynamische Fuzzy-Abfragemethode finden, die so einfach zu verwenden war wie die watch-Attribut von Vue.js. Lassen Sie mich die bisher aufgetretenen Fallstricke und verschiedene Möglichkeiten zur Implementierung dynamischer Abfragen erläutern.
1.jQuerys change()-Methode.
Diese Methode löst das Ereignis nur aus, wenn der Fokus des Eingabefelds verloren geht. Es kann auch sein, dass ich mit dieser Methode nicht vollständig vertraut bin Ich hoffe, jemand versteht es. Kannst du ein paar Tipps geben, wie man es benutzt? Die Funktion
<input type="text" id="n3"/> var $n3=$("#n3);//定位到input框 $n3.change(function(){ this.query_search($n3.val());//query_search为模糊查询的方法 })
change() wird verwendet, um eine Handlerfunktion an das Änderungsereignis jedes übereinstimmenden Elements zu binden. Mit dieser Funktion können auch Änderungsereignisse ausgelöst werden. Darüber hinaus können Sie zusätzliche Daten an den Event-Handler übergeben. Das Änderungsereignis wird ausgelöst, wenn der Textinhalt oder die Optionen geändert werden. Dieses Ereignis gilt nur für und
2. Überwachen Sie das Keyup- oder Keydown-Ereignis von JQuery
Diese Methode kann das Triggerereignis jedes Schlüssels überwachen und die Fuzzy-Abfragemethode an das Targeting binden Beim Antwortereignis löst jeder Klick ein Fuzzy-Abfrageereignis aus. Dies erhöht jedoch den Druck auf die Datenbank erheblich. Wenn viele Personen arbeiten und kein Cache vorhanden ist, explodiert die Datenbank innerhalb von Minuten.
<input type="text" id="#n3"/> var $n3=$("#n3");//定位到input框 $n3.keyup(function(){ this.query_search($n3.prop("value"));//query_search为模糊查询的方法 })
3. Verwenden Sie die Watch-Attribut-Beobachtermethode von Vue.js.
Diese Methode kann die Attributänderungen im Eingabefeld dynamisch beobachten. Solange sich der Wert des Eingabefelds ändert, wird die Antwortmethode dynamisch aufgerufen.
Es lohnt sich Am Ende habe ich gesagt, dass es drei Möglichkeiten gibt, den Wert im Eingabetextfeld abzurufen:
1. Mit dieser Methode kann nur die Standardmethode abgerufen werden. Mit anderen Worten: Der ursprünglich in Ihrem CSS-Code definierte Wert ist derselbe Wert, wenn die Seite zum ersten Mal angezeigt wird, und dieser Wert ändert sich nicht.
2. Erhalten Sie es über prop("value"). Diese Methode kann sowohl den Standardwert als auch den geänderten Wert abrufen. Sie können ihn erhalten, solange Sie ihn ändern.
3. Erhalten Sie es über val(). Das fühlt sich ähnlich an wie prop("value").
4. Es kann auch mit der V-Modell-Bindung von Vue.js abgerufen werden, das zählt also als 4 Methoden.
Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.
Verwandte Artikel:
Über Null- und Falschwerte in JavaScript
In JavaScript aufgetretene Fehler
So implementieren Sie die Seitensprungwertübertragung im WeChat-Miniprogramm
So verwalten Sie CSS und andere Ressourcen in Webpack und SPA
So übertragen Sie Daten in die Vorlage im WeChat-Miniprogramm
Das obige ist der detaillierte Inhalt vonSo implementieren Sie eine dynamische Fuzzy-Abfrage in der Eingabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



Vorbereitung Verwenden Sie vuecreateexample, um ein Projekt zu erstellen. Die Parameter lauten ungefähr wie folgt: Verwenden Sie native Eingaben, bei denen es sich hauptsächlich um Werte und Änderungen handelt. App.tsx lautet wie folgt: import{ref}from'vue';exportdefault{setup(){//username is the data constusername=ref('Zhang San');//Wenn sich das Eingabefeld ändert, synchronisieren Sie die Daten constonInput =;return( )=>({

So implementieren Sie das ausgeblendete Laravel-Eingabefeld: 1. Suchen und öffnen Sie die Blade-Vorlagendatei. 2. Verwenden Sie die method_field-Methode in der Blade-Vorlage, um ein ausgeblendetes Feld zu erstellen. ".

Lösungen zum Anklicken des Eingabefelds ohne Cursor: 1. Bestätigen Sie den Browser-Cache. 3. Aktualisieren Sie den Browser. 6. Überprüfen Sie die Eingabe Box-Eigenschaften; 7. Debuggen von JavaScript-Code; 8. Überprüfen Sie andere Elemente der Seite. 9. Berücksichtigen Sie die Browserkompatibilität.

Vue.js ist ein leichtes JavaScript-Framework, das einfach zu verwenden, effizient und flexibel ist. Es ist derzeit eines der beliebtesten Front-End-Frameworks. In Vue.js sind Eingabefeld-Bindungsereignisse eine sehr häufige Anforderung. In diesem Artikel werden die Eingabefeld-Bindungsereignisse im Vue-Dokument ausführlich vorgestellt. 1. Grundkonzepte In Vue.js bezieht sich das Eingabefeld-Bindungsereignis auf die Bindung des Werts des Eingabefelds an das Datenobjekt der Vue-Instanz, wodurch eine bidirektionale Bindung von Eingabe und Antwort erreicht wird. In Vue.j

Vue ist ein beliebtes JavaScript-Frontend-Framework mit einem reaktionsfähigen Datenbindungs- und Komponentensystem im Kern. In Vue-Anwendungen ist das Eingabefeld eines der am häufigsten verwendeten UI-Elemente. Wenn der Benutzer Text eingibt, hoffen wir, auf das Wagenrücklaufereignis zu warten und die Eingabe vor dem Absenden zu validieren. In diesem Artikel werden das Eingabeereignis des Eingabefelds und die Verwendung der Überprüfungsfunktion im Vue-Dokument vorgestellt. 1. Das Wagenrücklaufereignis des Eingabefelds in Vue ist sehr einfach.

In jquery ist die Eingabe ein Selektor, der Formularelemente auswählt: 1. Die Eingabe wird zum Sammeln von Benutzerinformationen verwendet. Das Eingabefeld kann ein Textfeld sein Kontrollkästchen oder eine Maske. Die Textsteuerelemente, Optionsfelder, Schaltflächen usw. nach den anklickbaren Bildern und Senden-Schaltflächen usw.

So implementieren Sie die Deaktivierung der Eingabe in der HTML5-Eingabe: 1. Geben Sie das Eingabefeld als schreibgeschützt und kopierbar an. 2. Verwenden Sie „Disabled“, um zu erkennen, dass das deaktivierte Eingabeelement kopiert werden kann, aber keinen Fokus erhalten kann Maximale Länge der Eingabe auf 0 ;4. Verwenden Sie „οnfοcus="this.blur();"", um die Eingabe von Text zu verhindern.

Razer bietet ein umfangreiches Sortiment an Gaming-Zubehör. Dieses Sortiment erweitert der Hersteller nun mit der Razer DeathAdder V3 HyperSpeed. Dabei handelt es sich um eine leichte und ergonomische Maus, die kabellos genutzt werden kann und hohe Freiheit bei minimaler Behinderung bietet
