需要动态给body html添加屏幕高度
Vue.directive('jwfocus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 let mtinput = el.querySelector('input'); el.onfocus = function () { document.getElementsByTagName('main')[0].style.height = document.body.clientHeight +'px'; document.getElementsByTagName('main')[0].style.width = document.documentElement.offsetHeight; +'px'; }, el.onblur = function () { document.getElementsByTagName('main')[0].style.height = document.body.clientHeight +'px'; document.getElementsByTagName('main')[0].style.width = document.body.clientWidth +'px'; } }})Vue.directive('jwonresize', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { window.onresize=function(){ document.getElementsByTagName('main')[0].style.height = document.body.clientHeight +'px'; document.getElementsByTagName('main')[0].style.width = document.body.clientWidth +'px'; }; }}) //监听ios 手机键盘 收起 document.body.addEventListener('focusout', () =>{ window.scroll(0, 0) })
