本文主要包含mui在软键盘打开的状态下点击返回键软键盘消失,再次点击后返回上一页等相关知识,教程希望在学习及工作中可以帮助到您
");
</div>
很多时候在打开软键盘后,点击返回,需要先隐藏软键盘,然后再次点击返回后返回上一页,现在情况是软键盘弹出,点击返回,直接返回上一页,这样体验非常的不好,今天B5教程网分享一个教程代码如下:
可以重写mui.back,演示代码如下:
<div class="mui-content">
<input id="inputElm" type="text" name="" value=""/>
</div>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
var isShow = false;
var inputElm = document.getElementById('inputElm');
inputElm.addEventListener('focus', function(){
isShow = true;
})
inputElm.addEventListener('blur', function(){
isShow = false;
})
var _back = mui.back;
mui.back = function(){
if(isShow){
inputElm.blur();
} else {
_back();
}
}
</script>
可以重写mui.back,演示代码如下:
<div class="mui-content">
<input id="inputElm" type="text" name="" value=""/>
</div>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
var isShow = false;
var inputElm = document.getElementById('inputElm');
inputElm.addEventListener('focus', function(){
isShow = true;
})
inputElm.addEventListener('blur', function(){
isShow = false;
})
var _back = mui.back;
mui.back = function(){
if(isShow){
inputElm.blur();
} else {
_back();
}
}
</script>