繁体   English   中英

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

[英]click event for touch devices instead hover event

我正在尝试使用jQuery之类的kwicks滑块创建幻灯片。 所以我使用悬停功能来设置动画。 但是在触摸设备中,并不是所有浏览器都具有悬停功能。 在Chrome,Opera和firefox中,当我单击幻灯片时,其动画开始播放并继续移动到结束时间。 但是在ie和edge中,我的悬停动画从touchstart开始,并在touchend发生时立即结束。 因此动画不会一直持续到最后并返回其初始位置。 因此,我决定将click事件与悬停事件一起使用,如下所示:

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

但悬停并单击动画代码会相互覆盖,而我破坏了动画。 有谁有办法帮助我吗?

请注意,即不支持触摸事件。 因此,我需要一个有关单击和悬停事件的技巧。

您可以尝试ontouchstart事件,它将成功解决问题。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM