Der Cursor kann nicht auf ein mit Leerzeichen gefülltes TEXTAREA von Mobilgeräten platziert werden

8

Ich habe ein TEXTAREA-Steuerelement (ID="taCode"), maxlength = 400, das mit 400 Leerzeichen gefüllt ist.

Ich verwende JavaScript , um den Einfügemodus (replace) zu erzwingen, wenn Text in textarea eingegeben wird:

%Vor%

HTML :

%Vor%

Alles funktioniert gut mit einem Desktop und Maus, aber versuchen, den Cursor innerhalb der TEXTAREA mit einem Handy (Iphone) fehlschlägt (EDIT: Platzierung Cursor auf der ersten Zeile funktioniert manchmal) und nichts kann in das Feld eingegeben werden, außer in der ersten Zeile. Irgendeine Idee, wie man es für Handys für alle Linien zur Arbeit bringt?

Test: Ссылка

    
Plarsen 11.09.2017, 13:55
quelle

4 Antworten

2

Ihre erste Zeile im iPhone ist aufgrund von Leerzeichen vollständig ausgefüllt. Wenn Sie also den Cursor dort platzieren und versuchen zu tippen, wird die nächste Zeile angezeigt, um alle von Ihnen zuvor aufgefüllten Leerzeichen aufzunehmen. Wenn Sie den Text löschen diese Räume und versuchen, auf dem iPhone zu tippen oder die Anzahl der Räume zu reduzieren und es zu versuchen. Es würde definitiv funktionieren. Wenn nicht, dann fügen Sie die Eigenschaft word-break: break-word Ihrem textarea-Element hinzu, damit es funktioniert.

    
user8335505 17.09.2017 18:37
quelle
2

Versuchen Sie etwas wie:

%Vor%

Dies wird wahrscheinlich noch ein wenig Arbeit brauchen. Eine Kombination von Eingabe / Änderung / Keydown sollte funktionieren. Ich würde auch vorschlagen, die Anzahl der Leerzeichen um eins kleiner zu machen, als Sie brauchen, und später das Ende mit einem zusätzlichen Leerzeichen zu füllen, wenn Sie den eingegebenen Wert verwenden.

    
Gibolt 21.09.2017 01:17
quelle
1

kann sein, dass Sie das keydown-Ereignis dafür verwenden können (tut mir leid, ich möchte nur einen Kommentar abgeben, aber mein Ruf ist gering)

    
newbie 19.09.2017 05:32
quelle
0

Ich schlage vor, dass Sie, wenn Sie Leerzeichen angehängt haben möchten, die verbleibenden Leerzeichen im Formular submit einfügen können. Das Arbeiten mit js kann vermieden werden und wird besser, nachdem der Benutzer das Eingabefeld ausgefüllt hat.

    
JosephC 22.09.2017 08:31
quelle

Tags und Links