jQuery悬停，点击和触摸组合

Question

我想使用悬停，单击并触摸事件来显示和隐藏元素。其背后的想法是，您将能够对触摸设备，使用鼠标的设备以及具有触摸功能的笔记本电脑等组合设备使用相同的元素。因此，我需要组合鼠标和触摸输入。问题是这些事件相互影响，当我使用touch时会触发多个事件，导致该元素一遍又一遍地显示和隐藏。

如何获得所需的行为；

• 点击并触摸
• 在mouseenter上显示
• 隐藏在鼠标上

我尝试了以下多种实现，但似乎都不稳定。

 $("#showMe").hide();
 $(document).on('touchstart click mouseenter mouseout', '#thingToTrigger', function (event) {
    event.stopPropagation();
    if (event.handled !== true) {
        $("#showMe").toggle(1000);
        event.handled = true;
    } else {
        return false;
    }
});

这里是JSFiddle http://jsfiddle.net/9305f9d7/] >>

我想使用悬停，单击和触摸事件来显示和隐藏元素。其背后的想法是，您将能够对触摸设备，使用鼠标的设备以及...

Answer 1

您要实现的主要目的是禁用默认行为。

Answer 2

您可以在单击该元素时添加类。