jQWidgets jqxNumberInput inputMode 属性介绍

在 jQWidgets 中，jqxNumberInput 是一个用于数值输入的组件，可以通过 inputMode 属性来指定数值输入模式。本文将介绍 inputMode 属性的含义、取值及其对应的输入模式。

inputMode 属性含义

inputMode 属性是 jqxNumberInput 的一个属性，用于指定数值输入模式。根据输入模式的不同，数值输入时会有所不同。因此，inputMode 属性是一个非常重要的属性。

inputMode 取值及对应输入模式

inputMode 属性有以下取值及对应的输入模式：

• simple：简单输入模式。在这个模式下，可以直接在输入框中输入任何数字或小数点。输入的数字或小数点会被验证为合法数字。如果输入了非法字符，那么就会被清除掉。

$('#numberInput').jqxNumberInput({
    inputMode: 'simple'
});

• advanced：高级输入模式。在这个模式下，可以通过鼠标或键盘上下左右键精确调整数字。通过按住 Shift 键，可以加速调整。可以使用鼠标滚轮进行调整。此外，还可以使用 Page Up 和 Page Down 键进行精确调整。

$('#numberInput').jqxNumberInput({
    inputMode: 'advanced'
});

• floatingPoint：浮点数输入模式。在这个模式下，可以输入小数点和数字。可以在输入框中输入任意数量的小数点。只有第一个小数点会被识别为实际小数点。如果输入非法字符，那么就会被清除掉。

$('#numberInput').jqxNumberInput({
    inputMode: 'floatingPoint'
});

• decimal：小数输入模式。在这个模式下，只能输入整数和小数点。只能输入一个小数点。如果输入非法字符，那么就会被清除掉。

$('#numberInput').jqxNumberInput({
    inputMode: 'decimal'
});

• currency：货币输入模式。在这个模式下，只能输入数字和符号。可以输入正负号、小数点、千位分隔符和货币符号。千位分隔符和货币符号可以通过 currency 属性设置。

$('#numberInput').jqxNumberInput({
    inputMode: 'currency',
    currency: {
        symbol: '$',
        position: 'left'
    }
});

• percent：百分比输入模式。在这个模式下，只能输入数字和百分号。可以输入整数、小数和百分号。

$('#numberInput').jqxNumberInput({
    inputMode: 'percent'
});

结语

本文介绍了 jQWidgets jqxNumberInput 的 inputMode 属性及其取值，包括 simple、advanced、floatingPoint、decimal、currency 和 percent 等输入模式。在实际使用中，根据需要选择不同的 inputMode 值即可。