jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 浏览器:按下转义后继续gif动画大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
Firefox(以及我认为的其他浏览器)在您单击“停止”按钮或通过Escape键调用它时会停止gif动画.

我有一个文本输入,在更改时使ajax请求更新其他元素.作为这个ajaxyness的一部分,我有一个动画GIF来显示反馈.
我还在此输入中捕获转义键,以便清除文本字段以获得更好的UX.

我的问题是在按下一次转义键之后,ajax gifs都没有动画,直到刷新页面为止.有谁知道解决方法

我试过的东西:

我尝试了e.stopPropagation();和e.cancelBubble = true;在处理e.keyCode == 27的函数中,这似乎不起作用.我怀疑这会停止触发更多的js事件,浏览器会捕获转义而不管js活动.

我通过添加/删除css类来显示/隐藏gif,因此很难应用“更改gif url重置”解决方法.我甚至不知道这是否有效 – 没有测试它.但似乎很难.如果有人知道这是有效的,并且知道使用BACkground-image应用hack的简单方法:url(../ images / ajax-loader_dotcirclel13x13.gif); css然后请告诉我.

解决方法

遗憾的是,当按下ESC键时,您无法覆盖浏览器停止动画gif的事实.我认为这是因用户总是有能力阻止恼人的GIF动画,如果它们变得太压倒(我不是说你的加载gif很烦人;)).这个 page描述了如何在FF中一起禁用它们.

我建议使用JavaScript来创建一个简单的动画.您甚至可以使用带有来自gif动画的所有帧的精灵来执行此操作,并且只需为每个帧移动背景位置.

大佬总结

以上是大佬教程为你收集整理的jquery – 浏览器:按下转义后继续gif动画全部内容,希望文章能够帮你解决jquery – 浏览器:按下转义后继续gif动画所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。