Wie kann ein Touch-Gerät „document.click' auslösen, um ein Dropdown-Menü zu schließen?

Document .click-Funktion für Touch-Geräte

Frage: Wie kann ein Touch-Gerät die document.click-Funktion auslösen? um ein durch einen Klick gestartetes Dropdown-Menü zu schließen Ereignis?

Antwort:

Moderne Browser wie Chrome und Firefox lösen das Klickereignis für Touch-Eingaben aus. Dadurch entfällt die Notwendigkeit zusätzlicher Touchstart- oder Touchend-Ereignisse. Verwenden Sie einfach:

$(document).on('click', function () { ... });

Erklärung:

Ältere Browser interpretierten Berührungseingaben unterschiedlich und betrachteten sie als unterschiedliche Ereignisse. Um dies zu berücksichtigen, wurde ein Event-Handler wie der folgende verwendet:

$(document).on('click touchstart', function () { ... });

Mit dem Aufkommen berührungsempfindlicher Browser ist das Touchstart-Ereignis jedoch nicht mehr erforderlich. Das Click-Ereignis allein reicht aus.

Zusätzlicher Hinweis:

Das bereitgestellte Beispiel verwendet die Ereignisdelegationstechnik mit .on(), um den Click-Handler an das gesamte Dokument zu binden. Dadurch wird sichergestellt, dass das Klickereignis auch dann erfasst wird, wenn das Menü dynamisch hinzugefügt oder entfernt wird.

Das obige ist der detaillierte Inhalt vonWie kann ein Touch-Gerät „document.click' auslösen, um ein Dropdown-Menü zu schließen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!