小编典典

是否可以使用CSS或Javascript将光标隐藏在网页中?

javascript

我想在显示旨在在建筑大厅中显示信息的网页时隐藏光标。它根本不需要是交互式的。我尝试使用cursor属性和透明的光标图像,但是没有使它起作用。

有人知道这是否可以做到吗?我想这对于不知道他在哪里单击的用户来说可以看作是安全威胁,所以我不太乐观……谢谢!


阅读 238

收藏
2020-05-01

共1个答案

小编典典

使用CSS:

selector { cursor: none; }

一个例子:

<div class="nocursor">

   Some stuff

</div>

<style type="text/css">

    .nocursor { cursor:none; }

</style>

要在Javascript中的元素上设置此style属性,可以使用属性:

<div id="nocursor"><!-- some stuff --></div>
<script type="text/javascript">
    document.getElementById('nocursor').style.cursor = 'none';
</script>

如果要对整个身体进行设置:

<script type="text/javascript">
    document.body.style.cursor = 'none';
</script>

但是,请确保您确实要隐藏光标。它 真的 可以惹恼人们。

2020-05-01