将焦点设置为剑道数字文本框

Setting focus to kendo numeric textbox

本文关键字：数字 文本 焦点 设置      更新时间：2023-09-26

我正在使用以下代码创建一个剑道数字文本框。

目录

<input type='text' name='num_wks_or_mons' id='num_wks_or_mons' tabindex='5'/>

Jquery

$("#num_wks_or_mons").width(295).kendoNumericTextBox({
            min:0,
            max:99,
            step:1,
            format: "n0"
        });

即使我将 tabindex 属性设置为 5，如果 tabout 来自 elemnent 与 tabindex = 4 .当我从带有tabindex = 4的元素中切换时，焦点将转到下一个元素，该元素不是剑道数字文本框。

像这样设置焦点，

 $('#num_wks_or_mons').siblings('input:visible').focus();

剑道 UI 数字文本框小部件有自己的焦点方法。获取小部件的实例并调用它。

var numerictextbox = $("#num_wks_or_mons").data("kendoNumericTextBox");
numerictextbox.focus();

https://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox/methods/focus

尝试这样做：

var $nodeNumeric = $nodeImput.kendoNumericTextBox().data("kendoNumericTextBox");
$($nodeNumeric._text).focus();

像这样设置焦点，

   setTimeout("$('#num_wks_or_mons').focus();", 500);

<script type="text/javascript">
    $(document).ready(function () {
      setTimeout(function() {
          $('#txtThresholdAmount').siblings('input:visible').focus();
      }, 1000);
  });
</script>
相关文章：