input類型爲number時,禁止鼠標滾珠改變值

一、去除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();
        }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章