禁用 input type="number" 的滚轮增减需阻止 wheel 事件默认行为：绑定 wheel 监听器并调用 preventDefault()，推荐结合 focus/blur 动态添加移除监听，并设置 { passive: false }；React/Taro 中应通过 ref 和 useEffect 管理事件，避免 onWheel 属性。
在 H5 中，input type="number" 默认支持鼠标滚轮滚动来增减数值，这在表单中常导致误操作（比如用户只是想上下滚动页面，结果不小心改了数字）。禁用该行为的关键是阻止 wheel 事件的默认动作。
直接阻止 wheel 事件
给 number 输入框绑定 wheel 事件监听器，并调用 preventDefault()：
<input type="number" id="myNumber" />
<script>
document.getElementById('myNumber').addEventListener('wheel', function(e) {
e.preventDefault();
});
</script>
注意：该写法需确保 DOM 已加载完成；若使用 React/Taro 等框架，建议在组件挂载后添加，在卸载前移除，避免内存泄漏。
兼容性更强的写法（含 focus 状态控制）
有些浏览器（如 Chrome）仅在输入框聚焦时响应滚轮，因此可结合 focus 和 wheel 逻辑，更稳妥：
- 监听
focus，为当前元素添加wheel监听 - 监听
blur，及时移除监听防止干扰其他元素 - 使用
{ passive: false }确保preventDefault可生效（尤其在移动端 WebView 中）
示例：
const input = document.getElementById('myNumber');
const handleWheel = (e) => e.preventDefault();
input.addEventListener('focus', () => {
input.addEventListener('wheel', handleWheel, { passive: false });
});
input.addEventListener('blur', () => {
input.removeEventListener('wheel', handleWheel);
});
补充：避免影响键盘和点击交互
只禁用滚轮不会影响以下正常操作：
- 键盘输入（包括数字键、Backspace、Delete、方向键等）
- 鼠标点击上下箭头（如果浏览器显示了 spinner）
- 粘贴数字内容
但要注意：部分安卓 WebView 或旧版 iOS 可能仍会响应滚轮，此时可额外加 CSS 隐藏原生 spinner（视觉上更一致）：
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
React / Taro 场景下的处理建议
若使用受控组件（如 <Input value={val} onChange={...} />），推荐在 ref 上绑定事件：
- Taro 中可用
useRef+useEffect实现挂载/卸载逻辑 - 避免在 render 内频繁绑定/解绑，防止重复注册
- 不要依赖
onWheelJSX 属性——它无法阻止默认行为（因 React 的合成事件不支持passive: false）
