JavaScriptでマウスを非表示にする方法-jsチュートリアル-php.cn

JavaScriptでマウスを非表示にする方法

青灯夜游

リリース： 2023-01-05 16:09:59

オリジナル

5942 人が閲覧しました

マウスを非表示にする Javascript メソッド: 最初に「document.getElementById("id value")」ステートメントを使用して、指定された要素オブジェクトを取得し、次に「element object.style.cursor="none"」を使用します。マウスの非表示効果を設定するステートメントはこれだけです。

JavaScriptでマウスを非表示にする方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#javascripthide マウス

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<style>
			div{
				background-color: palegoldenrod;
				padding: 10px;
			}
		</style>
	</head>

	<body>
		<div id="cursor">鼠标在div元素上时，会被隐藏！</div>
	</body>
	<script type="text/javascript">
		var div=document.getElementById("cursor");
		div.style.cursor="none";
	</script>

</html>

ログイン後にコピー

レンダリング:

JavaScriptでマウスを非表示にする方法

#説明: # カーソル属性は、表示されるポインター (カーソル) の種類を指定します。

構文:

Object.style.cursor=cursortype

ログイン後にコピー

可能な値:

##値説明urldefaultデフォルトのカーソル (通常は矢印) autoDefault 。ブラウザによって設定されたカーソル。十字線カーソルは十字線として表示されます。カーソルは、リンクを示すポインタ (手) として表示されます。 #move このカーソルは、オブジェクトが移動できることを示します。 e-resizeこのカーソルは、長方形のボックスの端を右 (東) に移動できることを示します。 ne-resizeこのカーソルは、長方形の端を上および右 (北/東) に移動できることを示します。 nw-resizeこのカーソルは、長方形の端を上と左 (北/西) に移動できることを示します。 n-resizeこのカーソルは、長方形のボックスの端を上 (北) に移動できることを示します。 se-resizeこのカーソルは、長方形の端を下と右 (南/東) に移動できることを示します。 sw-resizeこのカーソルは、長方形の端を下と左 (南/西) に移動できることを示します。 s-resizeこのカーソルは、長方形の端を下 (北/西) に移動できることを示します。 w-resizeこのカーソルは、長方形のボックスの端を左 (西) に移動できることを示します。 [推奨学習: ]


使用するカスタムカーソルの URL	注: URL が指定されていない場合に備えて、常にこのリストの最後に通常のカーソルを定義してください。カーソル。


	#pointer









#text	このカーソルはテキストを示します。
wait	このカーソルは、プログラムがビジー状態であることを示します (通常は時計または砂時計)。
help	このカーソルは、利用可能なヘルプ (通常は疑問符または吹き出し) を示します。
	JavaScript 上級チュートリアル