博客

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

解决办法：使用ontouchstart禁掉此input元素的事件（主要是focus事件），之后用js模拟click事件：

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

测试环境：ios 8.1.3