Text überlappt Platzhalter, wenn VoiceOver auf dem iPhone aktiviert ist

Question

Ich habe eine Eingabe mit dynamisch geladenem Wert. Wenn Wert in Eingabefeld angezeigt wird, sollte Platzhalter verschwinden. Alles funktioniert gut, aber wenn ich VoiceOver aktiviere, verschwindet der Platzhalter nicht und der Text überlappt. Hier

ein Beispiel: https://jsfiddle.net/t8ykvp8e/

<input type="text" placeholder="Placeholder text" value=""> 

setTimeout(function() { 
    $('input').attr('value', '123') 
}, 2000) 

Haben Sie Ideen, wie man es beheben? Danke!

Answer 1

Sie sollten val method von jQuery verwenden, um den Wert des Eingabeelements festzulegen. Die Verwendung von attr ändert nur das Wertattribut des Elements (mit anderen Worten, seinen Anfangswert), was für das seltsame Verhalten in Kombination mit VoiceOver verantwortlich sein könnte.

$('input').val('123'); 

Siehe auch: Properties and Attributes in HTML