ホームページ > 記事 > ウェブフロントエンド > JavaScriptでマウスを非表示にする方法
マウスを非表示にする Javascript メソッド: 最初に「document.getElementById("id value")」ステートメントを使用して、指定された要素オブジェクトを取得し、次に「element object.style.cursor="none"」を使用します。マウスの非表示効果を設定するステートメントはこれだけです。
このチュートリアルの動作環境: 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>レンダリング:
#説明: # カーソル属性は、表示されるポインター (カーソル) の種類を指定します。
構文:
Object.style.cursor=cursortype
可能な値:
url | |
---|---|
使用するカスタム カーソルの URL | 注: URL が指定されていない場合に備えて、常にこのリストの最後に通常のカーソルを定義してください。カーソル。 | default
auto | |
十字線 | |
#pointer | |
#move | このカーソルは、オブジェクトが移動できることを示します。 |
e-resize | このカーソルは、長方形のボックスの端を右 (東) に移動できることを示します。 |
ne-resize | このカーソルは、長方形の端を上および右 (北/東) に移動できることを示します。 |
nw-resize | このカーソルは、長方形の端を上と左 (北/西) に移動できることを示します。 |
n-resize | このカーソルは、長方形のボックスの端を上 (北) に移動できることを示します。 |
se-resize | このカーソルは、長方形の端を下と右 (南/東) に移動できることを示します。 |
sw-resize | このカーソルは、長方形の端を下と左 (南/西) に移動できることを示します。 |
s-resize | このカーソルは、長方形の端を下 (北/西) に移動できることを示します。 |
w-resize | このカーソルは、長方形のボックスの端を左 (西) に移動できることを示します。 |
#text | このカーソルはテキストを示します。 |
wait | このカーソルは、プログラムがビジー状態であることを示します (通常は時計または砂時計)。 |
help | このカーソルは、利用可能なヘルプ (通常は疑問符または吹き出し) を示します。 |
[推奨学習: | JavaScript 上級チュートリアル | ]
以上がJavaScriptでマウスを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。