浏览器:按下转义后继续gif动画

Question

Firefox(以及我认为的其他浏览器)在您单击"停止"按钮或通过Escape键调用它时会停止gif动画.

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

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

---

我试过的东西:

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

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

Answer 1

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

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