如何使用javascript在div元素中修复鼠标指针？
如何使用javascript在div元素中修复鼠标指针？
提问于 2020-10-13 00:50:45
我正在开发在线考试系统。所以我用javascript和html制作了考试环境。所有的问题都放在元素中。但我需要让参与者不要将鼠标移出div元素。我正在寻找解决方案。请帮帮我。感谢您阅读这篇文章。
回答 1
Stack Overflow用户
发布于 2020-10-13 01:11:48
虽然不是一个完美的解决方案，但您可以尝试：
将默认的cursor设置为none，并为每个要锁定的div分配一个locked类。然后，锁定的类将有一个指针设置为pointer (或您想要的任何值)。
然后在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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64322019
复制相关文章
相似问题
腾讯云开发者
