Eingabe Kontrollkästchen/Optionsfelder langsame Antwort auf Tablet/Handy

Question

Wenn Sie Eingabe-Kontrollkästchen, auf Tablet oder Handy berühren, ist die Antwort langsam und nicht sofort. Gibt es etwas, was getan werden kann, um die Reaktionszeit zu beschleunigen? Ich style meine Radioknöpfe im Stil von IOS wie unten.

<div class="iradio simulation-method"> 
    <input name="simulation-method" id="upload-photos" value="0" checked="checked" type="radio"> 
    <label for="upload-photos" class="simulation-method-label-js"><svg class="icon icon_camera"><use xlink:href="#icon_camera"/></svg>Photos</label> 
    <input name="simulation-method" id="scan-ipad" value="1" type="radio"> 
    <label for="scan-ipad" class="simulation-method-label-js"><svg class="icon icon_ipad"><use xlink:href="#icon_ipad"/></svg>Scan</label> 
</div> 

ein bisschen wie in diesem Beispiel: https://codepen.io/wesruv/pen/vexkd

Answer 1

Dies ist das normale Verhalten, weil Safari ist ein bisschen warten, um zu wissen, ob der Benutzer das Optionsfeld tippen will, oder will sich auf verdoppeln tippen die Zone, in der sich der Radiobutton befindet (Zoomen). Dieses Verhalten kann mit CSS deaktiviert werden: touch-action: manipulation; Sie können dies auf Eingaben, Labels ... oder auf das HTML-Tag anwenden, so dass es keine Verzögerung bei der Taps gibt, auch nicht bei Links.