input类型为number时,禁止鼠标滚珠改变值

    技术2023-12-27  71

    一、去除input为number时,右边的上下箭头

    <style> input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } </style>

    二、禁止鼠标滚珠改变值

    <input id="input1" type="number" onmousewheel="return false;">

    这个有可能会有兼容性问题,火狐浏览器可能不支持,如果不支持的话,可以在js中添加

    $("#input1")[0].addEventListener('DOMMouseScroll', MouseWheel, false); function MouseWheel(event) { event = event || window.event; event.preventDefault(); }

     

    Processed: 0.015, SQL: 9