So ändern Sie diesen Code, um auf dem Bildschirm tippen Sie auf Smartphones tippen

Question

Wie Sie diesen Code ändern, um auf dem Bildschirm Tippen Sie auf Smartphones zu arbeiten. es ändert das Element, wenn die Leertaste auf der Tastatur gedrückt wird, aber ich möchte, dass es auch funktioniert, wenn jemand nur auf den Touchscreen tippt.

$(window).keypress(function(e) { 
    if (e.which === 32) { 
    $("#quote").addClass("reset"); 
    $("#quote").removeClass("executed"); 
    $("#writer").toggleClass("fade"); 
    setTimeout(function(){ 
     $.ajax({ 
      crossOrigin: true, 
      url: "https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&_jsonp=mycallback", 
      dataType:"jsonp" 
     }); 
    }, 1000); 
    } 
}); 





function mycallback(json){ 
    var quote = json[0]; 
    $("#quote").html(quote.content) 
    $("#writer").html(quote.title) 
    $("#quote").addClass("executed"); 
    $("#quote").removeClass("reset"); 
    $("#writer").toggleClass("fade"); 
    } 

Answer 1

Ich nehme an, Sie haben die Veranstaltung mit .on() Hörer zu binden und zu document statt:

$(document).on('keypress touchstart', function(e) { 

Wenn Sie in irgendeiner Bibliothek für diese interessiert sind, dann hammerjs ist derjenige, dem Sie suchen.