Heim > Web-Frontend > View.js > So verbergen Sie die Softtastatur in vue.js

So verbergen Sie die Softtastatur in vue.js

coldplay.xixi
Freigeben: 2023-01-13 00:44:50
Original
3074 Leute haben es durchsucht

Vue.js-Methode zum Ausblenden der Soft-Tastatur: 1. Klicken Sie auf die Starttaste der Tastatur, um die Soft-Tastatur auszublenden. Der Code lautet [this.$refs.inputText.blur();] 2. Klicken Sie auf das Eingabefeld. Die Softtastatur wird angezeigt, der Code ist [this.$refs.inputText.focus()].

So verbergen Sie die Softtastatur in vue.js

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue Version 2.9.6, Dell G3-Computer. Diese Methode ist für alle Computermarken geeignet.

【Empfohlene verwandte Artikel: vue.js

vue.js Methode zum Ausblenden der Soft-Tastatur:

Soft-Tastatur, die sogenannte Soft-Tastatur befindet sich nicht auf der Tastatur, sondern auf der „Bildschirm“ „Soft-Tastatur“ verwendet eine Software, um die Tastatur zu simulieren und Zeichen durch Klicken mit der Maus einzugeben. Dies soll verhindern, dass Trojaner das über die Tastatur eingegebene Passwort aufzeichnen. Auf einigen Bank-Websites ist es im Allgemeinen leicht zu sehen, wo die Kontonummer und das Passwort angezeigt werden müssen eingegeben werden.

Soft-Tastaturen können in die folgenden drei Typen unterteilt werden:

  • virtuelle Software-Tastatur,

  • im System integrierte Tastatur,

  • neue Silikontastatur.

<input type="text" ref="inputText" autofocus="autofocus" @keyup.enter="clickInput">
Nach dem Login kopieren

Klicken Sie auf das Eingabefeld, die Soft-Tastatur wird angezeigt:

this.$refs.inputText.focus();
Nach dem Login kopieren

Klicken Sie auf die Starttaste der Tastatur, die Soft-Tastatur wird ausgeblendet:

this.$refs.inputText.blur();
Nach dem Login kopieren

Verwandte kostenlose Lernempfehlungen: Javascript(Video)

Das obige ist der detaillierte Inhalt vonSo verbergen Sie die Softtastatur in vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage