자바스크립트에서 마우스를 숨기는 방법-JS 튜토리얼-php.cn

자바스크립트에서 마우스를 숨기는 방법

青灯夜游

풀어 주다： 2023-01-05 16:09:59

원래의

6025명이 탐색했습니다.

JavaScript에서 마우스를 숨기는 방법: 먼저 "document.getElementById("id value")" 문을 사용하여 지정된 요소 개체를 얻은 다음 "element object.style.cursor="none"" 문을 사용하여 설정합니다. 마우스 숨기기 효과.

자바스크립트에서 마우스를 숨기는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

javascript hide mouse

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

자바스크립트에서 마우스를 숨기는 방법

Description:

커서 속성은 표시되는 포인터(커서)의 유형을 지정합니다.

구문:

Object.style.cursor=cursortype

로그인 후 복사

가능한 값:

value	Description
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	이 커서는 사용 가능한 도움말(일반적으로 물음표 또는 풍선)을 나타냅니다.