iPad悬停事件流程答案

【问题标题】：iPad hover event processiPad悬停事件流程
【发布时间】：2010-08-30 10:51:34
【问题描述】：

我正在为 Apple iPad 开发一个网站。在此，如何在鼠标悬停时应用阴影以及如何在鼠标悬停时删除？像 HTML a 进程，或任何其他可用于 Javascript 的方式，我在这里使用 jQuery.. 有什么建议吗？

【问题讨论】：

基本上，当有人“悬停”在某个元素上时，他希望在该元素下有一个阴影。但是 iPad 上没有鼠标，那你要怎么悬停呢？

【解决方案1】：

您可以尝试绑定 click 或 touchstart-touchend 事件。像这样：

//ipad and iphone fix
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) ||   (navigator.userAgent.match(/iPad/i))) {

     $(".menu li a").bind('touchstart', function(){
        console.log("touch started");
     });

     $(".menu li a").bind('touchend', function(){
        console.log("touch ended");
     });

}

【讨论】：

【解决方案2】：

由于没有鼠标和指针在屏幕上移动（一些越狱的 iPad 除外，但这是另一回事），这些事件不会被 iPad 的 Safari 触发。您可以将效果绑定到其他事件（如鼠标单击），但也许没有必要......

【讨论】：

【解决方案3】：

切换到在 mousedown 和 mousemove 上应用悬停效果/阴影，并使用其他一些事件（定时 mousedown/mouseup）或完全不同的按钮或触摸位置来“单击”。

请注意，如果某些效果隐藏在触摸之下，甚至可能永远看不到。

【讨论】：