取消动画播放期间的点击触发

博詹德拉·拉尼雅

在此演示中,如果用户在动画期间单击,则将多次触发click事件。

因此,如果用户单击了三次,则在每个动画完成后,单击功能将启动动画三次。

我该如何做click event wouldn't be triggered if the user clicks during the animation呢?

多媒体xp

有几种方法可以执行此操作,一种方法是设置一个标志,该标志将跟踪按钮是否被单击:

var clicked = false;

$('elm').click(function(){
 if(!clicked){
   clicked = true;
   // continue with animation//
    $('something').animate({
          //animation

     }, time, function(){
        // at the end of animation
        clicked = false
   });
 }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

片段添加动画播放时禁用点击

来自分类Dev

点击事件迟到开始播放动画

来自分类Dev

我想防止触发第二次点击,直到使用绑定和取消绑定完成动画,但它无法正常工作

来自分类Dev

暂停期间循环播放CSS3动画?

来自分类Dev

您如何在点击角形时重复播放动画?

来自分类Dev

UIPercentDrivenInteractiveTransition结束一半时在“取消”上触发动画

来自分类Dev

在React中的每次点击时触发Animate.css动画

来自分类Dev

动画在第二次点击时触发

来自分类Dev

如何通过WPF中的事件触发嵌套元素动画播放?

来自分类Dev

在动画期间防止动画

来自分类Dev

CSS3动画div位置导致无法点击的区域并不会触发动画

来自分类Dev

每次在A帧中触发点击事件时如何触发相关动画?

来自分类Dev

在滚动动画期间向2D播放器添加速度提升

来自分类Dev

即使在数据更改期间也会触发敲除点击事件

来自分类Dev

手机锁定期间是否可以触发音频播放

来自分类Dev

在点击事件触发前,我必须单击“取消”按钮两次

来自分类Dev

touchesBegan在动画期间不会触发,并且C4Shape调整大小后会丢失参考

来自分类Dev

取消编辑期间的超时

来自分类Dev

如何使用javascript/jquery触发带有延迟点击的css动画?

来自分类Dev

通过JS触发的CSS动画只能隔一声播放

来自分类Dev

CSS选择器-一次触发即可播放多个动画

来自分类Dev

Unity:为什么在进入触发器时动画不播放?

来自分类Dev

Android取消点击吐司

来自分类Dev

点击Javascript音频播放

来自分类Dev

点击播放音频

来自分类Dev

点击播放音频

来自分类Dev

点击播放HTML视频

来自分类Dev

动画期间布局中断

来自分类Dev

动画期间的图像碰撞

Related 相关文章

热门标签

归档