Heim Web-Frontend H5-Tutorial Tipps zum Verwenden von Eingabeereignissen zum Überwachen mobiler input_html5-Tutorials

Tipps zum Verwenden von Eingabeereignissen zum Überwachen mobiler input_html5-Tutorials

May 16, 2016 pm 03:37 PM
input 移动端 输入

Ich bin heute auf eine neue Anforderung gestoßen, dass die Kommentarfunktion die Anzahl der Zeichen begrenzen muss, genau wie Weibo, was die maximale Eingabe von 150 Zeichen begrenzt. Hier müssen Benutzer in Echtzeit daran erinnert werden, wie viele mehr Zeichen sie eingeben können.

Am Anfang bestand die Idee darin, das Keyup-Ereignis abzuhören und dann die Anzahl der vom Benutzer eingegebenen Wörter zu zählen, aber einige Tasten (z. B. die Löschtaste) lösen das Ereignis nicht aus.

Später habe ich überprüft, ob HTML5 ein neues Eingabeereignis hinzugefügt hat. Dieses Ereignis ähnelt dem Änderungsereignis, aber das Änderungsereignis wird ausgelöst, wenn das Element den Fokus verliert, und das Eingabeereignis wird ausgelöst, wenn das Elementwertänderungen.

Mit Ausnahme von IE89 wird es derzeit von anderen Browsern gut unterstützt, und Sie können es bedenkenlos auf dem mobilen Endgerät verwenden

Der obige Artikel zur Verwendung von Eingabeereignissen zur Überwachung der Eingabe mobiler Endgeräte ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, er kann Ihnen eine Referenz geben und hoffe, dass Sie Script Home unterstützen.

Ursprüngliche Adresse: http://www.cnblogs.com/wodertian/p/5391113.html

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Deaktivieren des Win11 Input Experience Guide Deaktivieren des Win11 Input Experience Guide Dec 27, 2023 am 11:07 AM

Deaktivieren des Win11 Input Experience Guide

Bei Windows-Eingaben kommt es zu Hängenbleiben oder hoher Speicherauslastung [Fix] Bei Windows-Eingaben kommt es zu Hängenbleiben oder hoher Speicherauslastung [Fix] Feb 19, 2024 pm 10:48 PM

Bei Windows-Eingaben kommt es zu Hängenbleiben oder hoher Speicherauslastung [Fix]

Lösen Sie das Problem der Multi-Touch-Punkte auf dem Vue-Mobilterminal Lösen Sie das Problem der Multi-Touch-Punkte auf dem Vue-Mobilterminal Jun 30, 2023 pm 01:06 PM

Lösen Sie das Problem der Multi-Touch-Punkte auf dem Vue-Mobilterminal

So verwenden Sie mobile Gestenoperationen in Vue-Projekten So verwenden Sie mobile Gestenoperationen in Vue-Projekten Oct 08, 2023 pm 07:33 PM

So verwenden Sie mobile Gestenoperationen in Vue-Projekten

Lösen Sie das Eingabeproblem in der Win11-Suchleiste Lösen Sie das Eingabeproblem in der Win11-Suchleiste Dec 26, 2023 pm 12:07 PM

Lösen Sie das Eingabeproblem in der Win11-Suchleiste

So lösen Sie das Doppelklick-Verstärkungsproblem auf mobilen Endgeräten in der Vue-Entwicklung So lösen Sie das Doppelklick-Verstärkungsproblem auf mobilen Endgeräten in der Vue-Entwicklung Jun 29, 2023 am 11:06 AM

So lösen Sie das Doppelklick-Verstärkungsproblem auf mobilen Endgeräten in der Vue-Entwicklung

So geben Sie eine Wortmatrix ein So geben Sie eine Wortmatrix ein Mar 19, 2024 pm 11:00 PM

So geben Sie eine Wortmatrix ein

Detaillierte Erläuterung der Eingabefeld-Bindungsereignisse in Vue-Dokumenten Detaillierte Erläuterung der Eingabefeld-Bindungsereignisse in Vue-Dokumenten Jun 21, 2023 am 08:12 AM

Detaillierte Erläuterung der Eingabefeld-Bindungsereignisse in Vue-Dokumenten

See all articles