jQuery UI 对话框 closeOnEscape 选项

closeOnEscape选项如果设置为 true 并且当前对话框聚焦将在按下 Escape 键 (esc) 时关闭对话框。默认情况下，值为true 。

句法：

$( ".selector" ).dialog({
    closeOnEscape : true
});

方法：首先，添加项目所需的 jQuery UI 脚本。

示例 1：

HTML

  

    
    
    
    
    
  
    
        $(function () {
            $("#gfg").dialog({
                closeOnEscape: true,
            });
            $("#geeks").click(function () {
                $("#gfg").dialog("open");
            });
        });
    

  

    
        Jquery UI| closeOnEscape dialog option
    
      
    Open Dialog

  

输出：

示例 2：

HTML

  

    
    
    
    
    
  
    
        $(function () {
            $("#gfg").dialog({
                closeOnEscape: false,
            });
            $("#geeks").click(function () {
                $("#gfg").dialog("open");
            });
        });
    

  

    
        Jquery UI| closeOnEscape dialog option
    
      
    Open Dialog

  

输出：