input类型为number时鼠标滚动出现箭头

在移动端开发中，通常需要输入法自动出现数字键盘，我们可以设置type类型为number或者tel

为number时maxlength失效

为tel时，

如果type='text' type='tel'这样顺序，苹果手机数字键盘为九宫格，但安卓不是数字键盘

如果type='tel' type='tex'这样顺序，苹果手机数字键盘包含符号，安卓是数字键盘

但input类型为number时鼠标滚动出现箭头

解决方案1：

<input type="number" id="inp1" onmousewheel="return false;"> <!-- 禁止Firefox浏览器 --> <input type="number" id="inp2"> 
<script>
 $("#inp2")[0].addEventListener('DOMMouseScroll', MouseWheel, false); 
function MouseWheel(event) { 
event = event || window.event; event.preventDefault(); 
} 
</script>

更好的解决方案2：

<input id="txtPhone" pattern="[0-9]*" type='tel' placeholder="请输入数字">

参考：

https://www.cnblogs.com/lhl66/p/9164000.html