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

转载于:https://www.cnblogs.com/ihaveahammer/p/4359843.html