如何在 space 按键时打开 kendo 下拉菜单

Question

我在我的一个项目中使用 kendo 下拉菜单，但我遇到了问题。在正常 html select 中，当我们在焦点上按下 space 键时，它会显示 options.I 需要在 kendo 下拉列表中实现相同的功能我试过按键但是它不起作用我试过的代码在下面给出

   $("#container").on("keypress", function (e) {
      if (e.keyCode === 0 || e.keyCode === 32) {
              alert("hi")
          }
    });

我知道它很垃圾，但我没有任何其他实现该功能的想法。是否可以在 kendo 下拉菜单中实现此功能，如果可以的话，我该怎么做

Answer 1

呈现 kendo 下拉列表后，它会将 select 放入容器中。

<span title="" class="k-widget k-dropdown k-header" >
     <span unselectable="on" class="k-dropdown-wrap k-state-default">
          <span unselectable="on" class="k-input">Small</span>
          <span unselectable="on" class="k-select">
               <span unselectable="on" class="k-icon k-i-arrow-s">select</span>
          </span>
      </span>
      <select id="select" placeholder="Select size..." style="width: 100%; display: none;" accesskey="w" data-role="dropdownlist">
           <option value="X-Small">X-Small</option>
           <option value="Small" selected="selected">Small</option>
           <option value="Medium">Medium</option>
           <option value="Large">Large</option>
           <option value="X-Large">X-Large</option>
           <option value="2X-Large">2X-Large</option>
      </select>
</span>

keydown 将在容器上着火:-

$("#select").kendoDropDownList();
$("#select").parent().on("keydown", function(e){
    if (e.keyCode === 0 || e.keyCode === 32) {
          $('select', this).data("kendoDropDownList").open();
    }
});

dojo

如何在 space 按键时打开 kendo 下拉菜单

How to open kendo dropdown on space key press

jquery

kendo-ui

kendo-dropdown