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就是您要找的那个。

如何修改此代码以在智能手机屏幕上点击

1 个答案: