ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptでマウスを非表示にする方法

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

青灯夜游
青灯夜游オリジナル
2021-04-20 13:41:455978ブラウズ

マウスを非表示にする 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 上級チュートリアル

以上がJavaScriptでマウスを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。