Heim  >  Artikel  >  Web-Frontend  >  So lassen Sie den Cursor mit JQuery verschwinden

So lassen Sie den Cursor mit JQuery verschwinden

青灯夜游
青灯夜游Original
2022-05-23 17:25:572377Durchsuche

Zwei Methoden: 1. Verwenden Sie css(), um den Cursor-Farbstil festzulegen. Die Syntax lautet „element.css(„caret-color“, „transparent“)“. 2. Verwenden Sie attr(). Die Syntax lautet „element .attr("style ","caret-color:transparent")".

So lassen Sie den Cursor mit JQuery verschwinden

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, Dell G3-Computer.

In HTML können Sie den Cursor verschwinden lassen, indem Sie die Cursorfarbe auf transparent setzen, also einen caret-color:transparent;-Stil hinzufügen. Im Folgenden werden zwei Methoden zum Festlegen eines transparenten Cursors in jquery vorgestellt.

Methode 1: Verwenden Sie css(), um das Caret-Color-Attribut direkt festzulegen. Die

css()-Methode legt ein oder mehrere Stilattribute des ausgewählten Elements fest oder gibt sie zurück.

Setzen Sie einfach den Wert des Caret-Color-Attributs auf transparent.

元素对象.css("caret-color","transparent");

Beispiel:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("input").css("caret-color","transparent");
				});
			});
		</script>
	</head>
	<body>

		<input type="text" /><br><br>
		<button>让光标消失</button>

	</body>
</html>

So lassen Sie den Cursor mit JQuery verschwinden

2. Verwenden Sie attr(), um das Stilattribut festzulegen, und fügen Sie caret-color:transparent hinzu; style

attr() kann Elementattribute festlegen.

Legen Sie einfach das Attribut „style“ fest und fügen Sie den Inline-Stil „caret-color:transparent“ hinzu.

Beispiel:

$(document).ready(function() {
	$("button").click(function() {
		$("input").attr("style","caret-color:transparent");
	});
});

So lassen Sie den Cursor mit JQuery verschwinden【Empfohlenes Lernen:

jQuery-Video-Tutorial

, Web-Frontend-Video

Das obige ist der detaillierte Inhalt vonSo lassen Sie den Cursor mit JQuery verschwinden. 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