触摸设备的单击事件而不是悬停事件

Question

我正在尝试使用像 kwicks 滑块一样的 jQuery 创建幻灯片。所以我使用悬停功能来设置我的动画。但在触摸设备中，悬停功能并非在所有浏览器中都执行。在 chrome、opera 和 firefox 中，当我单击幻灯片时，它的动画开始并继续移动到其结束时间。但在 ie 和 edge 中，我的悬停动画从 touchstart 开始，并在 touchend 发生时结束。所以动画不会一直前进到它的结尾，而是回到它的初始位置。所以我决定将点击事件与悬停事件一起使用，如下所示：

slides.hover(function(){
// my animation code
}
slides.click(function(){
// the same animation code
}

但是悬停和单击动画代码会相互覆盖，我会破坏我的动画。有没有人想在这方面帮助我？

请注意，ie 不支持触​​摸事件。所以我需要一个关于点击和悬停事件的技巧。

Answer 1

您可以尝试ontouchstart 事件，它会成功。