IOS文本框readonly时焦点事件

在ios的h5页面中，使用表单时经常会用到文本框只读，点击时出现弹出层的场景。

但是ios的文本框只读属性，在弹出时，页面下方还是会出现文本框光标存在时的元素，我们通常是不希望除了弹出层之外的任何东西出现的。

所以我们需要清除文本框的焦点事件

<input type="number" readonly  unselectable="on" onfocus="this.blur()" >

unselectable="on"

在IE浏览器中，当input获得焦点时，点击有unselectable="on"属性的标签时，不会触发onblur事件

οnfοcus=”this.blur()”
blur是移除焦点，也就是在获取到焦点时调用移除焦点事件，