집 > 기사 > 웹 프론트엔드 > 자바스크립트에서 마우스를 숨기는 방법

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

青灯夜游원래의: 2021-04-20 13:41:455978검색

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

【추천 학습: javascript 고급 튜토리얼】

위 내용은 자바스크립트에서 마우스를 숨기는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

JavaScript auto 指针 pointer 对象 default

성명：

이전 기사：Angular 개발자가 배워야 할 19가지다음 기사：Angular 개발자가 배워야 할 19가지