Heim >Web-Frontend >js-Tutorial >So verstecken Sie die Maus in Javascript

So verstecken Sie die Maus in Javascript

青灯夜游
青灯夜游Original
2021-04-20 13:41:456063Durchsuche

So verstecken Sie die Maus in JavaScript: Verwenden Sie zuerst die Anweisung „document.getElementById(„id value“)“, um das angegebene Elementobjekt abzurufen der Maus-Versteckeffekt.

So verstecken Sie die Maus in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Javascript Maus ausblenden

<!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>

Rendering:

So verstecken Sie die Maus in Javascript

Beschreibung:

Das Cursor-Attribut gibt den Typ des angezeigten Zeigers (Cursors) an.

Syntax:

Object.style.cursor=cursortype

Mögliche Werte:

Wert Beschreibung
URL

Die URL des zu verwendenden benutzerdefinierten Cursors

Hinweise: Bitte definieren Sie immer einen am Ende diese Liste Ein normaler Cursor für den Fall, dass kein durch die URL definierter Cursor verfügbar ist.

Standard Standardcursor (normalerweise ein Pfeil)
Auto Standard. Der vom Browser gesetzte Cursor.
Fadenkreuz Der Cursor wird als Fadenkreuz dargestellt.
Zeiger Der Cursor wird als Zeiger (eine Hand) dargestellt, der einen Link anzeigt.
move Dieser Cursor zeigt an, dass ein Objekt verschoben werden kann.
e-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach rechts (Osten) verschoben werden kann.
ne-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach oben und nach rechts (Norden/Osten) verschoben werden kann.
nw-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach oben und nach links (Norden/Westen) verschoben werden kann.
n-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach oben (Norden) verschoben werden kann.
se-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach unten und nach rechts (Süden/Osten) verschoben werden kann.
sw-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach unten und links (Süden/Westen) verschoben werden kann.
s-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach unten (Norden/Westen) verschoben werden kann.
w-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach links (Westen) verschoben werden kann.
Text Dieser Cursor zeigt Text an.
Warten Dieser Cursor zeigt an, dass das Programm beschäftigt ist (normalerweise eine Uhr oder eine Sanduhr).
Hilfe Dieser Cursor zeigt verfügbare Hilfe an (normalerweise ein Fragezeichen oder eine Sprechblase).

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonSo verstecken Sie die Maus in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn