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

时间:2012-11-09 20:10:34

标签: javascript jquery button gif simplemodal

我想从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并取消uplaod(停止页面加载)然后如果再按上传它将是与仍然在simplemodal中播放的GIF动画相同。感谢

1 个答案:

答案 0 :(得分:2)

这是每个人最喜欢的超级英雄的工作: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动画,继续。