このコードを変更してスマートフォンの画面タップで操作する方法

Question

スマートフォンの画面タップで作業するには、このコードを変更する方法。それはキーボードのスペースバーを押したときに項目を変更しますが、誰かがタッチスクリーンをタップするだけでも機能したいと思っています。

$(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

私はあなたの代わりに.on()リスナーにしてdocumentにイベントをバインドする必要があるとします

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

あなたはこのためにいくつかのライブラリーに興味があるなら、hammerjsは、あなたが探しているものです。