IE11版本好像才兼容input type=”number”,但是現在Win7版本操作系統下,很多人的IE版本都是IE7/8/9,所以為了體驗就自己寫了一個小插件,支持設置最大值、最小值、數字間隔。大家可以試着用一下,如果有哪些Bug歡迎指出,后期修改。 用法說明 1、 首先必須引入jQuery(由於我是用的是1.11.3版本,如果其他版本有問題歡迎指出、后期修改) 2、 在所有代碼最后引入inputNumber.css和inputNumber.js文件,如: 1 2 3 4 3、支持設置最大值、最小值、數字間隔 4、引用的時候請注意路徑問題 下面是一個例子(此處僅貼出html代碼,至於css、js文件可在之后的下載位置進行下載):
Firefox和IE對input number的兼容
/** * IE低版本和Firefox對input type="number"的兼容(因為Firefox中input type="number"依然可以輸入非數字內容) * 可按的按鍵包括數字(鍵盤上字母上的數字和小鍵盤中的數字)、刪除鍵、Tab切換鍵、減號按鍵、小數點鍵 */ 實現的效果如下(在IE9下面上下鍵的點擊、滾輪滾動增減值都支持,在IE7/8下面僅支持上下點擊事件): 這里寫圖片描述 所有文件的下載地址:http://download.csdn.net/download/fxss5201/9757758 轉載:http://blog.csdn.net/fxss5201