标签:picker function form ios options 输入框 addEventListener data id
1 设置弹出软键盘时自动改变webview的高度
plus.webview.currentWebview().setStyle({ softinputMode: "adjustResize" // 弹出软键盘时自动改变webview的高度 });
2 增加样式
html, body { height: 100%; margin: 0px; padding: 0px; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; } .mui-content { height: 100%; overflow: auto; }
ios 中input软键盘和dtpicker日历插件页面错乱
解决方法
首先用现在最新的demo的最新引入的picker的插件 js,然后在mui.picker.min.js文件里面添加了俩句话a.dispose();,如下代码:,e.DtPicker = e.Class.extend({ init: function(n) { var a = this, r = e.dom(i)[0]; t.body.appendChild(r), e('[data-id="picker"]', r).picker(); var s = a.ui = { picker: r, mask: e.createMask(), ok: e('[data-id="btn-ok"]', r)[0], cancel: e('[data-id="btn-cancel"]', r)[0], y: e('[data-id="picker-y"]', r)[0], m: e('[data-id="picker-m"]', r)[0], d: e('[data-id="picker-d"]', r)[0], h: e('[data-id="picker-h"]', r)[0], i: e('[data-id="picker-i"]', r)[0], labels: e('[data-id="title-"]', r) }; s.cancel.addEventListener("tap", function() { a.hide(); a.dispose();//自己加的 。ios点击取消按钮后,再弹出软键盘的时候,会弹出日历选择器,所以要释放日历选择器 }, !1), s.ok.addEventListener("tap", function() { var e = a.callback(a.getSelected()); e !== !1 && a.hide() }, !1), s.y.addEventListener("change", function(e) { a.options.beginMonth || a.options.endMonth ? a._createMonth() : a._createDay() }, !1), s.m.addEventListener("change", function(e) { a._createDay() }, !1), s.d.addEventListener("change", function(e) { (a.options.beginMonth || a.options.endMonth) && a._createHours() }, !1), s.h.addEventListener("change", function(e) { (a.options.beginMonth || a.options.endMonth) && a._createMinutes() }, !1), s.mask[0].addEventListener("tap", function() { a.hide(); a.dispose();//自己加的。ios点击取消按钮后,再弹出软键盘的时候,会弹出日历选择器,所以要释放日历选择器 }, !1), a._create(n), a.ui.picker.addEventListener(e.EVENT_START, function(e) { e.preventDefault() }, !1), a.ui.picker.addEventListener(e.EVENT_MOVE, function(e) { e.preventDefault() }, !1) },
标签:picker,function,form,ios,options,输入框,addEventListener,data,id 来源: https://www.cnblogs.com/aishangliming/p/10884689.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。