Question

js可以屏蔽div层后面的点击事件吗

这样的，找的一个js小游戏实验：
1、我在上面弄了个【点我】按钮，点击后会弹出div层，但是弹出过后div层后面的游戏还是能继续玩，还能点击并移动战机，百度很久说z-index可以设置大些屏蔽后面的，可是我z-index都99999了，还是不行，请问有人知道怎么回事吗，我想做的就是弹出div后后面的静止，关闭div后恢复。
2、有时候弹出div后，点div的关闭按钮和button按钮都没用，游戏能正常玩，难道里面有什么优先级高的东西屏蔽了我的button按钮？
不知道怎么回事，请教，先谢谢了。我初学js ，html。附图：
用锁屏的方法一样可以点游戏玩，这几个按钮倒不能按了，
游戏通过addEvent来监听touch的





Answer 1

看到你的button是有点击事件的，那麼点击之後没有反应，很大的可能性是你的函数没有写好，你应该贴上的是你的函数。你的函数里面应该让游戏停止的写法的，你仅仅是加了个层级9999，并没有能让游戏停顿，出现了游戏和“点我”一起运行的效果，所以应该是写法没写好。

追问

函数是对的，没报错，不知道怎么停止游戏，这是找的个小游戏，有没有屏蔽的东西呢

Answer 2

html:
<!--锁屏-->
<div class="lockDiv"></div>
<div class="lockDivInfo" >
<img id="CloseDiv" src="/Images/loading1.gif" />
</div>
<!--锁屏end-->
js:
//锁屏
function lockSrc() {
$(".lockDiv").height(document.body.scrollHeight);
$(".lockDiv").css({ "opacity": "0.5" }).fadeIn('normal');
var scrollWidth = document.documentElement.clientWidth;//document.body.clientWidth;
var scrollHeight = document.documentElement.clientHeight; // document.body.clientHeight;
var divWidth = $(".lockDivInfo").width();
var divHeight = $(".lockDivInfo").height();
var divLeft = scrollWidth / 2 - divWidth / 2;
var divTop = scrollHeight / 2 - divHeight / 2;
$(".lockDivInfo").css({ "position": "absolute", "top": divTop, "left": divLeft }).fadeIn('normal');
}
//解锁
function unlockSrc() {
$(".lockDivInfo").fadeOut('normal');
$(".lockDiv").fadeOut('normal');
}
css:
/*锁屏*/
.lockDiv {width: 100%;height: 100%;display: none;z-index: 10;background-color: #DFE8F6;position: absolute;top: 0px;left: 0px;}
.lockDivInfo {width: 50px;height: 2px;display: none;position: absolute;left: 0px;top: 0px;z-index: 11}
#CloseDiv {float: right;width: 100px;height: 100px;margin-top: 10px;margin-right: 10px;}

追问

锁屏会影响我弹出的div吗？