我想点击手机物理返回键的时候不返回，第一次点击的时候在当页面上显示div，第二次点击的时候消失，再点再显示，再消失。请问怎么才能不返回又可以监听点击他的事件，然后做出操作
4***@qq.com
- 发布：2017-07-27 01:45
- 更新：2017-07-27 20:01
- 阅读：978
手机物理返回键
分类：HBuilder
看一下下面的代码是不是符合你的要求
<!DOCTYPE html>
<html>
<head>
<title>中旋网zzxxo.com</title>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<style>
body{
margin:0px;
}
div{
width:100%;
height:200px;
background:yellow;
font-size:18px;
color:#000000;
border-bottom:2px solid #fff;
}
.hide{
display: none;
}
</style>
</head>
<body>
<div>按返回键测试一下，会不会，<br>一下显示一下隐藏</div>
<div class="hide" id="zxlmweb">zzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.com</div>
</body>
<script>
var zzxxo=document.getElementById("zxlmweb"); //获取div
var a=0; //声明一个判断变量；
function plusReady(){
plus.key.addEventListener("backbutton", function() { //监听返回按键
if(a==0){ //如果是第一次就执行显示事件
zzxxo.style.display="block";
a=1;
}else{ //如果是第二次就执行隐藏事件
zzxxo.style.display="none";
a=0;
}
}, false);
}
//等待H5 plus事件处理完成
if(window.plus) {
plusReady();
} else {
document.addEventListener('plusready', plusReady, false);
}
</script>
</html>这是我的网站，O(∩_∩)O谢谢支持----->>中旋网zzxxo
上面是纯webview窗口模式的，如果你的页面使用了mui.min.js文件，那么就使用下面这一个案例测试
<!DOCTYPE html>
<html>
<head>
<title>中旋网zzxxo.com</title>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<script src="js/mui.min.js"></script>
<style>
body{
margin:0px;
}
div{
width:100%;
height:200px;
background:yellow;
font-size:18px;
color:#000000;
border-bottom:2px solid #fff;
}
.hide{
display: none;
}
</style>
</head>
<body>
<div>按返回键测试一下，会不会，<br>一下显示一下隐藏</div>
<div class="hide" id="zxlmweb">zzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.comzzxxo.com</div>
</body>
<script>
var zzxxo=document.getElementById("zxlmweb"); //获取div
var a=0; //声明一个判断变量；
mui.init();
mui.back = function() { //监听是否触发物理返回事件
if(a==0){ //如果是第一次就执行显示事件
zzxxo.style.display="block";
a=1;
}else{ //如果是第二次就执行隐藏事件
zzxxo.style.display="none";
a=0;
}
}
</script>
</html>这是我的网站，O(∩_∩)O谢谢支持----->>中旋网zzxxo
4***@qq.com (作者)
谢谢啦，不过还是不行，我页面有用到mui的跳转页面方式，其他页面也有用到，不知道是不是会不会受这个影响影响，还是不行
2017-07-27 15:46