ios上safari中input标签readonly属性失效的问题

  遇到问题:基于cordova开发的web app中需要做一个input标签用于触发弹出框(click触发弹出框),并且禁掉input标签自带的获取焦点事件(页面滚动,弹出键盘等)。使用readonly属性在安卓自带的浏览器上面生效,但移植ios的时候发现虽然键盘未弹出,但仍然页面产生了滚动(看起来仍然是为键盘留出了位置)。

  解决办法:使用ontouchstart禁掉此input元素的事件(主要是focus事件),之后用js模拟click事件:

1         var input = document.querySelector('#input');
2         parentProfession.ontouchstart = function(){
3                 event.preventDefault();
4                 this.click();
5             }

  测试环境:ios 8.1.3

posted @ 2015-03-23 15:05  杜偉  阅读(921)  评论(0编辑  收藏  举报