如何使用javascript修复div元素内的鼠标指针？

Question

我正在开发在线考试系统。 所以我用javascript和html制作了考试环境。 所有问题都放在元素中。 但我需要让参与者不要将鼠标移出该 div 元素。 我正在寻找解决方案。 请帮我。 感谢您阅读本文。

Answer 1

虽然不是一个完美的解决方案，但您可以尝试：

设置默认cursor到none ，给每一个DIV，你想锁定一个类的locked 。 锁定的类将有一个光标设置为指针（或任何你想要的）。

然后在 Javascript 中任何未在锁定的 div 上完成的点击，根本不会对e.preventDefault做任何事情

 _body = document.querySelector("body"); _body.addEventListener("click",function(e){ if(e.target.className.indexOf("locked") == -1){ e.preventDefault(); } });

 *{cursor:none;} .locked{width:300px;height:300px;background:red;cursor:pointer}

 <div class="locked">adsdad</div> <a href="https://google.com">aaa</a>