1. ホーム
  2. javascript

[解決済み] CSSやJavascriptでウェブページのカーソルを隠すことは可能ですか?

2022-05-14 22:30:15

質問

ビルディングホールの情報を表示するためのウェブページを表示する際に、カーソルを隠したいのです。インタラクティブである必要は全くありません。私はカーソルのプロパティを変更し、透明なカーソル画像を使用しようとしましたが、それは私の問題を解決しませんでした。

誰かこれができるかどうか知っていますか?何をクリックしているのかわからないユーザーにとってはセキュリティ上の脅威とも考えられるので、あまり楽観視はできないのですが...。ありがとうございます。

どのように解決するのですか?

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>

しかし、本当にカーソルを隠したいのかどうか確認してください。それは 本当に 人を困らせます。