1. 程式人生 > >input type = number 去除上下箭頭,禁用滾輪事件(默認的自帶滾輪加減數字)

input type = number 去除上下箭頭,禁用滾輪事件(默認的自帶滾輪加減數字)

listen class mouse prevent HA scrollbar 圖標 web bar

<style type="text/css">
    /*盒子大小從邊框開始計算*/
    html * {
        box-sizing: border-box;
    }
    /*解決模態框抖動*/
    html {
        overflow-y: scroll;
        -ms-overflow-style: none;
    }
    /* 隱藏滾動條 */
    html::-webkit-scrollbar {
        display: none;
    }
    body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
; font-size: 14px; } /* 去除webkit中input的type="number"時出現的上下圖標 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } </style>
<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <title>禁止input輸入框的鼠標滾輪事件</title> <script src="jquery.js"></script> </head> <body> <!-- 禁止谷歌瀏覽器、Opera瀏覽器以及360瀏覽器等采用谷歌內核的瀏覽器 --> <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> </body> </html>

input type = number 去除上下箭頭,禁用滾輪事件(默認的自帶滾輪加減數字)