javascript - 将焦点设置到剑道数字文本框

Question

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

html

<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，如果如果从带有 . 的元素中制表，则元素将不会获得焦点tabindex = 4。当我从具有tabindex = 4焦点的元素中制表时，将转到下一个不是剑道数字文本框的元素。

Answer 1

像这样设置焦点，

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

Answer 2

试试这个：

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

Answer 3

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

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

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

Answer 4

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

Answer 5

像这样设置焦点，

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