Detect Wrapper focus Events

The following example demonstrates how to detect the focus event of the Kendo UI DropDownList wrapper.

Example

  <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
• How to Automatically Adjust the Width of a DropDownList
• How to Create DropDownLists with Long Items
• How to Move the Group Label on Top of Items
• How to Prevent Popup Closure on Scroll
• How to Remove Items
• How to Set DataSource Dynamically
• How to Update MVVM Bound Models on Load
• How to Validate DropDownLists by Using Required Attributes

For more runnable examples on the Kendo UI DropDownList, browse its How To documentation folder.