開發(fā)需求:能輸入數(shù)字的輸入框毫胜,且可以通過兩側(cè)的加減按鈕進(jìn)行數(shù)值的增減,可以輸入的數(shù)字范圍限定為1到999
開發(fā)過程:
首先寫一個(gè)帶加減按鈕的輸入框卤材,同時(shí)限定輸入框內(nèi)容僅限于數(shù)字聊疲,讓用戶不能輸入其他字符
附帶加減的輸入框
然后給加減按鈕加上點(diǎn)擊事件休傍,讓用戶點(diǎn)擊時(shí)可以更改輸入框內(nèi)的數(shù)值
為了能改變輸入框的數(shù)值毫蚓,也需要加入一個(gè)變量占键,就不作截圖了
加減方法的代碼
之后為了讓用戶不能輸入0,給輸入框添加一個(gè)方法監(jiān)聽輸入事件元潘,如果用戶輸入了0畔乙,則使其變?yōu)?
輸入監(jiān)聽
檢測出輸入0則變?yōu)?
最后給加減按鈕增加點(diǎn)擊限制,如果輸入框內(nèi)容為1或999則不能再進(jìn)行對應(yīng)的加減操作翩概,防止出現(xiàn)超出范圍的數(shù)值
順便提醒用戶牲距,防止用戶以為沒點(diǎn)到而去重復(fù)點(diǎn)擊
完成后全部代碼如下
頁面部分
方法以及數(shù)據(jù)部分