javascript - 为平板电脑和移动设备复制 mousemove() 事件

Question

我正在尝试重新创建一段为桌面编写的代码，以便在 mousemove 上显示菜单。

这在 iPad/移动设备上不起作用，所以我试图将它转换为相同的点击事件，但如何让它起作用？

桌面代码:

$(function() {
$("body").mousemove(function () {
    /* specify the time in milliseconds */
    /* 100 = fast fade-in, 1000 = slow fade-in */
    $("#fader").fadeIn(500);  
});
    }

我正在为手机/平板电脑编写的代码，目前无法运行:

$("body").on({ 'tap' : function(){   
    $("#fader").fadeIn(500);  } });
});
    }

Answer 1

如果有 tap 事件，您可以简单地执行以下操作:

$("body").on('tap', function(){
  $("#fader").fadeIn(500);
});

但由于 jQuery 核心无法识别 jQuery 触摸事件，因此您必须使用强大的库 hammer.js (在 GitHub 上)为此:

只需在 jquery 之后和调用您的代码之前包含库，上面的代码就可以工作。

<script type="text/javascript" src="./jquery.hammer.min.js"></script>