前言

?最近在用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等无法通过样式

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式