Detect Wrapper focus Events in the DropDownList

Updated on Dec 10, 2025

Environment

Product	Progress® Kendo UI® DropDownList for jQuery
Operating System	Windows 10 64bit
Visual Studio Version	Visual Studio 2017
Preferred Language	JavaScript

Description

How can I detect the focus event of the Kendo UI DropDownList wrapper?

Solution

The following example demonstrates how to achieve the desired scenario.

  <input id="ddl1" class="ddl" />
  <input id="ddl2" class="ddl" />
  <input id="ddl3" class="ddl" />
  <input id="ddl4" class="ddl" />

  <script>
    $(function() {
      $(".ddl").kendoDropDownList();

      $(".ddl").on("focus", function() {
        console.log("focus");
      });
    });
  </script>

See Also

• JavaScript API Reference of the DropDownList
• Automatically Adjust the Width of a DropDownList
• Create DropDownLists with Long Items
• Move the Group Label on Top of Items
• Prevent Popup Closure on Scroll
• Remove Items
• Set DataSource Dynamically
• Update MVVM Bound Models on Load