为平板电脑和移动设备复制 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>