Ich habe Probleme mit dem<input> Feld, wenn meine Anwendung auf dem iPad ausgeführt wird.

Auf dem Desktop klicken Sie auf das Textfeld, geben den Text ein und klicken auf eine Schaltfläche, um die Eingabe zu bestätigen. Auf dem iPad wird jedoch das Tastaturfeld geöffnet, wenn Sie darauf klicken, aber der Text wird bei der Eingabe nicht im Textfeld angezeigt.
Um die Dinge noch seltsamer zu machen, habe ich eine<textarea> in einem anderen Abschnitt der Anwendung und es funktioniert perfekt. Der Unterschied besteht darin, dass sich einer über der Anwendung befindet und der andere in einem importierten HTML-Code.

Die Struktur der Anwendung sieht folgendermaßen aus:

Oben habe ich die Haupt-HTML5-Seite, die eine HTML-Seite importiert, die 3 Divs enthält. Jeder div importiert wiederum andere HTML-Seiten. Und diese Seiten haben jeweils einen anderen Inhalt, einschließlich des problematischen Eingabefelds. Etwas wie das:

Main.html
    -> container.html (imported via iframe)
        -> div1 (imports page n-1 via load(url))
        -> div2 (imports page n via load(url))
        -> div3 (imports page n+1 via load(url))

pageN.html
    -> contains the <input> field

Der Code für die<textarea> auf dem main html zu sitzen ist wie folgt:

<form id="formNotes">
    <textarea id="mainTextbox" type="text" onKeyUp="RefreshNote()" onChange="RefreshNote()"></textarea>
</form>

Und der Code für die<input> Das Feld in der importierten HTML-Seite sieht folgendermaßen aus:

input{
    -webkit-user-select: auto;
}

<form id="formInput">
    <input id="text1" type="text" ontouchstart="OpenKeyboard(this)" onKeyDown="WriteText(this)" onKeyUp="WriteText(this)" onChange="WriteText(this)"></input>
</form>

Eine Sache, die ich über die Verwendung von Ereignissen in importierten HTML-Dateien gelernt habe, war, dass Sie uponuchstart und andere verwenden müssen, um die Klickfunktionen aufzurufen. In diesem Fall kann das iPad die Tastatur öffnen, sodass ich nicht weiß, warum das Klicken auf die Tastaturtasten nicht erkannt wird oder warum der Wert nicht in das Textfeld gesendet wird.

[EDIT:] Ich habe herausgefunden, warum ich keinen Text schreibe, weil das iPad denkt<input> Das Feld existiert nicht (es erscheint leer in der Warnung anstelle von[object Object] oder[object HTMLInputElement]). Ich habe aber keine Ahnung warum.

[EDIT 2:] Ich habe versucht, zu verwendengetElementsByTagName undgetElementsByClassName anstattgetElementById. Damit scheint es das zu erkennen<input>, aber ich kann den Wert immer noch nicht erreichen.