jQWidgets jqxNumberInput valueChanged 事件

jqxNumberInput 是一个数字输入控件，valueChanged 是其触发 value 值改变事件的名称。

事件说明

当 jqxNumberInput 的值发生变化时，会触发 valueChanged 事件，可以通过绑定该事件来处理 jqxNumberInput 值改变的逻辑。

使用方法

• 在 HTML 中创建 jqxNumberInput 控件

<div id='jqxNumberInput'></div>

• 在 JavaScript 中初始化 jqxNumberInput 控件

$('#jqxNumberInput').jqxNumberInput({
    width: '250px', 
    height: '25px', 
    decimalDigits: 2
});

• 绑定 valueChanged 事件

$('#jqxNumberInput').on('valueChanged', function (event) { 
    // 处理逻辑
});

示例

$('#jqxNumberInput').jqxNumberInput({
    width: '250px', 
    height: '25px', 
    decimalDigits: 2
});

$('#jqxNumberInput').on('valueChanged', function (event) { 
    console.log('jqxNumberInput 值改变为: ' + event.args.value);
});

事件参数

事件回调函数的参数是一个对象，包含以下属性：

• args.value: jqxNumberInput 的新值
• args.oldValue: jqxNumberInput 的旧值

注意事项

• jqxNumberInput 必须要提供一个唯一的ID作为标识。
• 事件绑定顺序要在初始化之后进行。

参考官方文档：https://www.jqwidgets.com/documentation/jqxnumberinput/jquery-numberinput-api.htm#valuechanged