如何禁用 Kendo UI 中的默认键盘快捷键？

Question

如何在 kendoNumericTextBox 中禁用向上/向下箭头等默认快捷方式？默认情况下，此控件 increment/decrement 值然后按 up/down 箭头。我找不到禁用它的方法。

Answer 1

您可以通过 unbinding the "keydown" event handler:

禁用向上和向下箭头键盘快捷键

<input id="ntbox" />

<script>
    $("#ntbox").kendoNumericTextBox().data("kendoNumericTextBox").element.unbind("keydown");
</script>

如果未呈现小部件上的向上箭头和向下箭头，也可以将其禁用，小部件为只读或禁用。

<input id="ntbox1" />
<input id="ntbox2" />
<input id="ntbox3" disabled="disabled" />

<script>
    // Hidden spin buttons: the up and down spin buttons are not rendered.
    $("#ntbox1").kendoNumericTextBox({ spinners: false });

    // Read-only widget: when the widget is readonly it doesn't allow user input.
    $("#ntbox2").kendoNumericTextBox().data("kendoNumericTextBox").readonly();

    // Disabled widget: the value of a disabled widget is not posted as part of a form.
    $("#ntbox3").kendoNumericTextBox().data("kendoNumericTextBox").enable(false);
</script>

Answer 2

还有更简单的方法，只需设置step:0

$("#numerictextbox").kendoNumericTextBox({
    step:0
});

如何禁用 Kendo UI 中的默认键盘快捷键？

How to disable default keyboard shortcuts in Kendo UI?

jquery

kendo-ui

kendonumerictextbox