如何避免在 iPhone 和 iPad 中觸發懸停事件？

Question

假設這些事件不會在 iOS 設備上觸發，我在我的 Div 上添加了對 hoverEnter 和 hoverLeave 的效果。 但是在 iOS 設備上，hoverEnter 和 click 事件會觸發，而 hoverEnter 效果會保持不變。 我不希望這些懸停事件在移動設備上觸發。 我該怎么辦。 我正在通過 Javascript 附加事件，並且在單擊事件之前將懸停事件附加到 div。

Answer 1

要模擬懸停，您只需向要具有懸停事件的元素添加一個事件偵聽器，您可以使用 touchstart 和 touchend 事件而不是使用懸停

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");
    });
}