mui ios中form表单中点击输入框头部导航栏被推起及ios中form表单中同时存在日期选择及输入框时,日历选择页面错乱bug...
生活随笔
收集整理的這篇文章主要介紹了
mui ios中form表单中点击输入框头部导航栏被推起及ios中form表单中同时存在日期选择及输入框时,日历选择页面错乱bug...
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?一、ios header導航欄被推起解決方法
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頁面錯亂、日歷插件被掉起解決方法
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) },
?
轉載于:https://www.cnblogs.com/aishangliming/p/10884689.html
總結
以上是生活随笔為你收集整理的mui ios中form表单中点击输入框头部导航栏被推起及ios中form表单中同时存在日期选择及输入框时,日历选择页面错乱bug...的全部內容,希望文章能夠幫你解決所遇到的問題。