前言

?最近在用Polymer封装纯数字的输入框，开发过程中发现不是坑，也有不少值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历：

  1. 《动手写个数字输入框1：input[type=number]的遗憾》

  2. 《动手写个数字输入框2：起手式——拦截非法字符》

  3. 《动手写个数字输入框3：痛点——输入法是个魔鬼》

  4. 《动手写个数字输入框4：魔鬼在细节——打磨光标位置》

IE的先进性

?辛辛苦苦终于控制只能输入数字了，但只要用户启用了输入法就轻松突破我们的重重包围:-<心碎得一地都是。这是我们会想到底有没有一个API可以禁用输入法呢？答案是有的，但出人意料的是只有IE才支持。

<style>
    .disabled-ime-mode{      /*ime-mode为CSS3规则
         *取值
         *auto: 不影响IME的状态，默认值
         *normal: 正常的IME状态
         *active: 激活本地语言输入法
         *inactive: 激活非本地语言输入法
         *disabled: 禁用IME
         */
        ime-mode: disabled;
    }</style>

?而其他浏览器就呵呵了。。。

别无他法只能补救～

?由于chrome、firefox等无法通过样式

网友评论