change回调是监听滑块数值改变的唯一可靠方式，拖动结束或键盘调节后触发，传入单值或range模式下的数组；须在render配置中显式定义，不可依赖原生事件。
change 回调函数是监听滑块数值改变的唯一可靠方式
直接读取 value 属性或 dom 值无法反映实时拖拽过程，必须依赖 change 回调。它在每次拖动结束、鼠标松开或键盘调节后触发，且会传入当前值（单值或数组），是动态响应的唯一入口。
常见错误是误用 onchange HTML 属性或监听 input 事件——Layui 滑块不支持这些原生方式，强行绑定不会生效。
- 必须在
slider.render()配置中显式传入change: function(value){...} - 当
range: true时，value是长度为 2 的数组，如[20, 80]；否则是数字，如45 - 该回调内可安全操作 DOM、更新隐藏域、触发 Ajax 请求等，但避免在此做耗时同步计算
如何在 change 中获取并使用当前值
回调参数 value 就是你要的实时数值，无需额外调用方法。注意它和 getValue() 的区别：getValue() 是手动查询接口，而 change 是被动通知机制，两者用途不同。
典型使用场景：把滑块值同步到隐藏输入框、更新页面文案、控制其他组件显隐。
- 同步到隐藏域：
document.getElementById('hiddenPrice').value = value; - 更新显示文本：
document.getElementById('priceShow').innerText = '¥' + value; - 若需兼容 range 模式，先判断类型：
if (Array.isArray(value)) { /* 取 value[0] 和 value[1] */ }
为什么有时候 change 不触发？检查这三点
change 不触发不是 Bug，大概率是配置或时机问题。最常被忽略的是渲染未完成就绑定回调，或元素选择器出错。
- 确保
slider.render()在layui.use('slider', ...)回调内部执行，否则模块未加载 -
elem选项必须指向一个**已存在且非空**的 DOM 节点，例如elem: '#sliderContainer'，不能是elem: '.slider'且页面有多个匹配项 - 不要在
change回调里重新调用slider.render()，会导致实例重复、事件覆盖，后续change可能失效
input 配置开启后，change 还会触发吗
会，而且更频繁。input: true 启用输入框后，用户手动键入数值、失焦、回车都会触发 change，行为与拖拽一致。但要注意：输入非法值（如字母、空值）时，Layui 会自动重置为最近合法值，并仍会触发 change，传入的是修正后的值。
此时不需要自己监听输入框的 blur 或 keydown，所有逻辑统一收口到 change 即可。
- 输入框本身没有独立事件钩子，Layui 把它完全封装进滑块生命周期
- 若需校验用户输入，应在
change回调里判断value是否在min/max范围内，而不是拦截键盘 -
input: true在range: true下强制生效，即使显式设为false也会被忽略
Layui 滑块的 change 回调看似简单，但它的触发时机、参数形态、与配置项的耦合关系，都比表面看起来更细致。最容易被绕过的其实是「渲染完成前就试图绑定」和「range 模式下忘了判数组」这两点。
