Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kann das Problem gelöst werden, wenn die Tastatur der Popup-Eingabemethode die Eingabe blockiert?

零下一度
Freigeben: 2017-06-30 14:37:55
Original
2438 Leute haben es durchsucht

Mobile Seiten erzielen oft einen solchen Effekt. Der Fokus liegt auf der fest positionierten Unterseite. Bei der Eingabe von Zeichen ist das für das Android-Telefon überhaupt kein Problem.

1. Der Ausgangszustand der Seite, ohne auf die untere Eingabe zu klicken

2. So wie es auf einem Android-Telefon aussieht, ist alles so normal und perfekt.

3. Auf dem iOS-Telefon ist es so mutwillig, es gibt keine Möglichkeit, es ist komplett blockiert, blockiert, blockiert ..., die gesamte Seite muss verschoben werden Man sieht es nur ganz unten, es ist wie ein Versteckspiel.

Ich habe keine Angst davor, mich zu schämen, wenn ich sagen muss, dass dieses Problem nach mehr als einem Jahr perfekt gelöst wurde. Was noch aufregender und blutiger ist, ist, dass der Code es nur getan hat eine Zeile!

Bitte öffnen Sie Ihre Augen, um zu sehen

<script type="text/javascript">
	$("input").on("click", function() {
		setTimeout(function(){  
		    document.body.scrollTop = document.body.scrollHeight;  
		},300);  
	})
</script>
Nach dem Login kopieren

Ich werde keine Screenshots machen, um die konkreten Auswirkungen im wirklichen Leben zu zeigen Ich werde es erst erfahren, wenn Sie es entdecken und ausprobieren, oder?

Das obige ist der detaillierte Inhalt vonWie kann das Problem gelöst werden, wenn die Tastatur der Popup-Eingabemethode die Eingabe blockiert?. 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