Iphone Fokus auf Eingabe, Textfeld Problem mit Bootstrap modal

Question

Ich habe ein Problem. In meinem Projekt habe ich ein Problem mit dem Fokus auf Eingabe mit dem iPhone-Gerät. Das Problem ist, dass, wenn ich auf das Eingabefeld klicke und anfange, etwas einzugeben, dann, wenn ich auf die mobile Tastaturschaltfläche von iphone 'bereit' klicke, um zu einem anderen Eingabefeld zu wechseln, gehe der Fokus irgendwohin in unbekannte Richtung. Nachdem das passiert ist, kann ich das modale Fenster nicht mehr scrollen, stattdessen scrollt das Body-Element, aber das modale Fenster bleibt nur als fixiertes Element. Irgendwelche Ratschläge würden wirklich geschätzt werden.

Answer 1

Wenn Ihre App den Fokus verliert, wird das Ereignis blur ausgelöst. Blur ist im Grunde das Gegenteil von Fokus. Wenn dieses Ereignis ausgelöst wird können Sie das Formular wieder konzentrieren, indem Sie folgendermaßen vorgehen:

1. Achten Sie darauf, die Eingang Elemente aus der Form erhalten.

lassen $ inputElements = $ ('# ModalDialog') finden ('Input').

2. Fügen Sie die Unschärfe Ereignis-Listener.
3. Konzentrieren Sie sich in Ihrem Ereignis-Listener auf Ihr Modal.

$inputElement.on('blur', function() { 
    let $modal = $('#modalDialog'); 
    $modal.focus(); 
}); 

müssen nur sehen, was die korrekte ID für Ihre modal ist und dass die Eingabeelemente sind in der Tat Eingang Elemente und nicht wählen oder eine beliebige andere Tag, die zutreffen könnten.