New to Kendo UI for jQuery? Download free 30-day trial

Detect Wrapper focus Events in the DropDownList

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

In this article