通过 ESC 键将函数绑定到 Bootstrap Modal Close

Question

我知道我们可以将一个函数绑定到引导模式来关闭事件，如下所示：

$("#myModal").on('hide.bs.modal', function(){ 
    //run the script
});

但这仅在您通过单击灰色区域或单击 Firefox 中的关闭按钮关闭模式时才有效。但是，每当我尝试通过 ESC 键关闭模式时，我的脚本就会运行。我不想禁用 ESC 键来关闭引导模式。有没有解决方案可以通过在 Firefox 的 bootstrap 中按 escape 来检测关闭模式？

您可以在此处查看 jsfiddle示例 。在此示例中，在 Firefox 中，如果您在模式中播放 YouTube 视频，并通过按 escape 关闭模式，视频不会停止，但如果您单击关闭按钮或单击灰色区域，则关闭功能可以正常工作并清除 iframe src 所以视频停止。

Answer 1

输入以下代码来关闭模态事件。它还可以与 esc 按钮配合使用。

$("#myModal").on('hide.bs.modal', function(){
     setTimeout(function(){
    $("#cartoonVideo").attr('src','');
    });    
});

这是这个的小提琴。