Zmień ondblclick do onclick zdarzenia przy użyciu IOS/Android itp

Question

Jak mogę zmienić ondblclick wydarzenie do onclick zdarzenie, gdy strona stwierdzi, że jej na IOS/Android itd. Co sprawia, że ​​trudno jest nie mogę po prostu zadzwonić identyfikator elementu, ponieważ przenosi dane z bazy danych do funkcji JavaScript.

Sprawdź to.

po stronie serwera:

<?php   
echo '<table>'; 
while($row=mysql_fetch_array($query)){ 
    echo '<tr><td ondblclick="sampFunc("'.$row[0].'","'.$row[1].'")">'; 
     echo $row[0]; 
    echo '</td></tr>'; 
} 
echo '</table>'; 
?> 

Client-side:

<script> 
$(document).ready(function(){ 
    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)){ 
     /* ?????????????????? */ 
    } 
}); 
function sampFunc(data1,data2){ 
    //-- Something 
} 
</script> 

Answer 1

myślę, że powinien ponownie napisać niektórzy z was kodu łatwiej osiągnąć to, co chcesz .

Próbowanie sniff agenta użytkownika nie jest świetnym pomysłem. Urządzenia mogą się zmieniać, nowe systemy operacyjne mogą być uruchamiane i wymagają więcej konserwacji po zakończeniu. Wykrywanie obiektów jest znacznie lepszym podejściem, ponieważ obejmuje urządzenia teraz iw przyszłości, a także minimalizuje liczbę fałszywych alarmów.

Zaktualizowana PHP teraz używa atrybutu HTML5 data-* i usuwa zdarzenie inline:

<?php   
echo '<table class="myclass">'; 
while($row=mysql_fetch_array($query)){ 
    echo '<tr><td data-a="'.$row[0].'" data-b="'.$row[1].'">'; 
     echo $row[0]; 
    echo '</td></tr>'; 
} 
echo '</table>'; 
?> 

Kontrole nowych JS, czy jest to urządzenie z ekranem dotykowym i definiuje zmienną touchDevice jak true lub false zależności który to jest. Ten var jest następnie używany do zdefiniowania zdarzenia. Jeśli jest to true (urządzenie obsługuje dotyk), to zdarzenie to click, w przeciwnym razie jest to dblclick.

Program obsługi zdarzeń używa teraz .on() zamiast być zdefiniowany w linii i korzysta z funkcji .data().

<script> 
var touchDevice = !!('ontouchstart' in window) || !!('onmsgesturechange' in window); 

$(document).ready(function(){ 
    var dblevent = touchDevice ? 'click' : 'dblclick'; 
    $('.myclass td').on(dblevent, function(){ 
     var data1 = $(this).data('a'), data2 = $(this).data('b'); 
     //-- Something 
    }); 
}); 
</script> 

lub po prostu użyć zaktualizowaną PHP i zdarzenie doubletap:

$('.myclass td').on('dblclick doubletap', function(){ 
     var data1 = $(this).data('a'), data2 = $(this).data('b'); 
     //-- Something 
});