如何使用jquery在移動網站中模擬桌面網站的鍵盤事件？

Question

我有一些使用JQuery綁定到桌面網站中的鍵盤箭頭鍵事件的功能。

$(document).keydown(function(e) {
switch (e.which) {
    case 37: //left
         doIT("leftside");
         Break;
    case 38: //up
         doIT("upside");
         Break;
    case 39: //right
         doIT("rightside");
         Break;
    case 40: //down
         doIT("downside");
         Break;
}

}

這些在台式機網站上運行良好，但在移動網站上卻無法正常運行。
（我知道我們無法訪問手機中的箭頭鍵）

我希望那些相應的功能可以在移動網站中執行。
（如果用戶在移動網站上向左/向上/向右/向下滑動）

有人可以幫我嗎？

Answer 1

我認為您無法做到這一點，尤其是對於滑動操作，因為滑動操作是不同事件（例如keydown，keyhold，keyup）的組合。

通過按鍵和按鍵事件來拾取刷卡可能非常困難。 最好使用可以明確檢測刷卡的插件，例如Hammer.js。

Answer 2

jQuery mobile具有swipeleft和swiperight事件

對於向上和向下，您必須使用scrollstart和scrollstop事件來檢測滾動方向。

 var start = 0; $(document).on("scrollstart", function() { console.log($(window).scrollTop()); start = $(window).scrollTop(); }); $(document).on("scrollstop", function() { console.log($(window).scrollTop()); var end = $(window).scrollTop(); if (start - end < 0) { console.log("Scrolled down"); doIT("downside"); } else { console.log("Scrolled up"); doIT("upside"); } }); $(document).on("swipeleft", function() { doIT("rightside"); console.log("right"); }); $(document).on("swipeleft", function() { doIT("leftside"); console.log("right"); });