javascript - 删除ESC按钮停止GIF动画功能

Question

我想从 ESC 按钮中删除停止 GIF 动画功能，可以吗？

请参阅此:http://jsfiddle.net/f8emy/

按“上传”，然后按一次 ESC，然后再次按“上传”，您会发现 GIF 动画停止移动。

现在我知道你会问我为什么禁用 SimpleModal 内部 ESC 功能:

escClose: false

并添加了另一个 ESC 功能:

$(function() {
    $(document).on('keydown', function(e) {
        if (e.keyCode === 27) {
            $.modal.close();
        }
    });
});

是不是因为这样它也会取消页面加载，而不是仅仅关闭 SimpleModal，这样它也会取消上传。

我真正想要的是，当您单击上传时，simplemodal 将与 GIF 一起出现，然后如果您按 ESC，它将关闭 simplemodal 并取消上传(停止页面加载)，然后如果您再次按上传，它将是与仍在 simplemodal 中播放的 GIF 动画相同。谢谢

Answer 1

这是每个人最喜欢的 super 英雄的工作:preventDeafult() -伙计!

// Close SimpleModal & Cancel Page Loading (from uploading)
$(function() {
    $(document).on('keydown', function(e) {
        if (e.keyCode === 27) {
            e.preventDefault(); //prevent browser from stopping animation
            $.modal.close();
        }
    });
});

更新了您的jsFiddle .

按下 Esc 时，Firefox 将停止 gif 动画； e.preventDefault() 将阻止此操作，并保持聚会，呃...gif 动画继续进行。