javascript怎麼隱藏滑鼠-js教程-PHP中文網

javascript怎麼隱藏滑鼠

青灯夜游

發布： 2023-01-05 16:09:59

原創

5997 人瀏覽過

javascript隱藏滑鼠的方法：先使用「document.getElementById("id值")」語句取得指定元素物件；然後使用「元素物件.style.cursor="none"」語句設定滑鼠隱藏效果即可。

javascript怎麼隱藏滑鼠

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

javascript隱藏滑鼠

<!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怎麼隱藏滑鼠

說明：

cursor 屬性規定所顯示的指標（遊標）的型別。

語法：

Object.style.cursor=cursortype

登入後複製

可能的值：

	#描述
url	需被使用的自訂遊標的URL #註解：請在此清單的末端始終定義一種普通的遊標，以防沒有由URL定義的可用遊標。
default	預設遊標（通常是箭頭）
auto	預設。瀏覽器設定的遊標。
crosshair	遊標呈現為十字線。
pointer	遊標呈現為指示連結的指標（一隻手）
move	此遊標指示某物件可被移動。
e-resize	此遊標指示矩形框的邊緣可被向右（東）移動。
ne-resize	此遊標指示矩形框的邊緣可向上及向右移動（北/東）。
nw-resize	此遊標指示矩形框的邊緣可向上及向左移動（北/西）。
n-resize	此遊標指示矩形框的邊緣可被向上（北）移動。
se-resize	此遊標指示矩形框的邊緣可被向下及向右移動（南/東）。
sw-resize	此遊標指示矩形框的邊緣可向下及向左移動（南/西）。
s-resize	此遊標指示矩形框的邊緣可被向下移動（北/西）。
w-resize	此遊標指示矩形框的邊緣可向左移動（西）。
text	此遊標指示文字。
wait	此遊標指示程式正忙碌（通常是一隻表或沙漏）。
help	此遊標指示可用的幫助（通常是一個問號或一個氣球）。