Close Dialog on Pressing Enter

Updated on Dec 10, 2025

Environment

Product	Progress® Kendo UI® Dialog for jQuery
Operating System	All
Browser	All
Preferred Language	JavaScript

Description

How can I close a Kendo UI Dialog by pressing the Enter key?

Solution

1. If the Dialog is open, in the handler check attach a keypress handler to the document.
2. Call its close method.

	<div id='dialog'>My Kendo Dialog</div>
    <script>
      $(document).ready(function (e) {
        $("#dialog").kendoDialog();

      });
      $(document).keypress(function (e) {
        if (e.which == 13) {
          if ($(".k-dialog").css("display") == "flex") {
            $("#dialog").data("kendoDialog").close();
          }
        }
      });
    </script>