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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。