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