前言

?最近在用Polymer封裝純數(shù)字的輸入框,開(kāi)發(fā)過(guò)程中發(fā)現(xiàn)不是坑,也有不少值得研究的地方。本系列打算分4篇來(lái)敘述這段可歌可泣的踩坑經(jīng)歷:

  1. 《動(dòng)手寫(xiě)個(gè)數(shù)字輸入框1:input[type=number]的遺憾》

  2. 《動(dòng)手寫(xiě)個(gè)數(shù)字輸入框2:起手式——攔截非法字符》

  3. 《動(dòng)手寫(xiě)個(gè)數(shù)字輸入框3:痛點(diǎn)——輸入法是個(gè)魔鬼》

  4. 《動(dòng)手寫(xiě)個(gè)數(shù)字輸入框4:魔鬼在細(xì)節(jié)——打磨光標(biāo)位置》

從源頭抓起——攔截非法字符

?從《動(dòng)手寫(xiě)個(gè)數(shù)字輸入框1:input[type=number]的遺憾》中我們了解到input[type=number]基本不能滿(mǎn)足我們的需求,為了簡(jiǎn)單化我們就直接在input[type=text]上加工出自己的數(shù)字輸入框吧。
?首先很明確的一點(diǎn)是最終數(shù)值可以包含以下字符[+-0-9.],而可輸入的功能鍵為

網(wǎng)友評(píng)論