前言

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

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

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

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

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

IE的先進(jìn)性

?辛辛苦苦終于控制只能輸入數(shù)字了，但只要用戶啟用了輸入法就輕松突破我們的重重包圍:-<心碎得一地都是。這是我們會(huì)想到底有沒有一個(gè)API可以禁用輸入法呢？答案是有的，但出人意料的是只有IE才支持。

<style>
    .disabled-ime-mode{      /*ime-mode為CSS3規(guī)則
         *取值
         *auto: 不影響IME的狀態(tài)，默認(rèn)值
         *normal: 正常的IME狀態(tài)
         *active: 激活本地語言輸入法
         *inactive: 激活非本地語言輸入法
         *disabled: 禁用IME
         */
        ime-mode: disabled;
    }</style>

?而其他瀏覽器就呵呵了。。。

別無他法只能補(bǔ)救～

?由于chrome、firefox等無法通過樣式

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