在“打开文件”对话框上按Escape键会触发JavaScript键按下

Question

我设置了一个HTML对话框，以便在按Escape键时将其自身删除。 我在HTML对话框中有一个文件字段。 如果用户使用系统文件对话框为HTML对话框中的file字段选择文件，然后按Escape键，则该事件将关闭系统对话框，并且还将Escape键事件传递给浏览器，浏览器也会关闭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.");  
                 }
   }
});

唯一的缺点是，如果您希望在未打开系统文件对话框的情况下允许使用转义键关闭对话框，则这将无法正常工作。