javascript - 在“打开文件”对话框中按 Escape 键会触发 JavaScript 按键

Question

我有一个 HTML 对话框设置为在按下转义键时自行删除。我在 HTML 对话框中有一个文件字段。如果用户使用系统文件对话框为 HTML 对话框中的文件字段选择一个文件并按下转义键，该事件将关闭系统对话框并将转义键事件传递给浏览器，浏览器也会关闭 HTML 对话框。我希望 HTML 对话框保持打开状态，并且不希望该事件影响浏览器。

我该如何解决这个问题？

更多信息:此行为在 Firefox 中。

Answer 1

如果您使用的是 jQuery UI 对话框，您可以检查 beforeClose 事件中的转义键，并使用 e.preventDefault 来阻止它关闭:

$( ".selector" ).dialog({
   beforeClose: function(event, ui) {
                 if(event.keyCode == 27) {  
                     alert("Esc key tried to close the dialog");
                     event.preventDefault();
                 } else {  
                     alert("You used something other than the escape key to close the dialog.");  
                 }
   }
});

唯一的缺点是如果你想允许在系统文件对话框未打开时使用转义键关闭对话框，这将阻止它工作。