Question

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

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





Answer 1

pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit
值为none——元素不再是鼠标事件的目标
题主可以试试给原来可点击那层加上pointer-events:none ；

追问

没效果，canvas那层加了pointer-events:none还是能点游戏，弹出的div层也不能点，游戏里的是通过addeventlistener监听的