2014-10-30 7 views
7

Ich arbeite kürzlich an einem Projekt und finde ein seltsames Problem in Safari auf dem Mac. Wenn Safari eine Webseite mit zu vielen Eingabetextfeldern lädt, wird es beim Fokussieren und Eintippen dieser Felder langsam.Safari auf Mac Antworten langsam beim Tippen auf einer Webseite mit vielen <input type = "text"> Felder

Ich habe eine einfache PHP-Seite zum Testen gemacht. Der Code ist unten aufgeführt:

<?php 

for ($i = 0; $i < 1000; $i++) { 
    echo "<p> 
      <input type='text' /> 
      <input type='text' /> 
      <input type='text' /> 
      <input type='text' /> 
      <input type='text' /> 
     </p>"; 
} 
?> 

öffnen Sie es dann in Safari 8.0 auf Yosemite oder Safari 7.0 auf Mavericks, versuchen, etwas in einigen Bereichen zu geben, werden Sie Safari Antworten sehr langsam während der Eingabe finden.

Aber wenn Sie diese PHP-Seite in Firefox oder Chrome öffnen, reagieren sie sehr schnell und mit normaler Geschwindigkeit.

Ich versuche auch einige editierbare Div-Blöcke zu verwenden, um die Eingabe Textfelder zu ersetzen, ich fand in Safari diese editierbaren Div-Antworten sehr schnell und nicht wie die Eingabefelder tippen.

Gibt es etwas Spezielles für Safari, um Antworten in die Eingabetextfelder einzugeben?

+0

gleiches Problem. Hast du eine Lösung gefunden? – oyatek

+0

Nein, ich habe keine Lösung gefunden. Aber es ist interessant, dass Chrome dieses Problem nicht hat. Es basiert ebenfalls auf dem WebKit. –

+0

Ich fand es :) Bitte sehen Sie meine Antwort hier: http://stackoverflow.com/questions/26149532/why-does-safari-mobile-have-trouble-handling-many-input-fields-on-ios-8/ 34931704 # 34931704 – oyatek

Antwort

3

Für diejenigen, die die Antwort brauchen. Die Antwort besteht darin, Ihre problematische Texteingabe in einen separaten Formular-Wrapper zu verpacken.

Hier ist ein Anwendungsfall, der es behebt. (Wieder einmal, das ist ein Problem, das nur für Safari ist, scheint es fein auf Chrom in beiden Richtungen zu arbeiten)

http://jsbin.com/hoxufu/1/edit?html,css,js,output

Verwandte Themen