number類型的input框禁止滾動數字

1,css不顯示右側按鈕  

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {

        -webkit-appearance: textfield;

    }

    input[type="number"] {

        -moz-appearance: textfield;

}

2,js方法

function Mouseroll_Number() {
//追加方法
    $("input[type='number']").attr("onmousewheel", "stopScrollFun()");
    $("input[type='number']").attr("onDOMMouseScroll", "stopScrollFun()");
}
function stopScrollFun(evt) {

    evt = evt || window.event;

    if (evt.preventDefault) {

        // Firefox  

        evt.preventDefault();

        evt.stopPropagation();

    } else {

        // IE  

        evt.cancelBubble = true;

        evt.returnValue = false;

    }

    return false;

}

3, 引用

<script type="text/javascript">
        Mouseroll_Number();//禁止number類型標籤滾動
</script>