Gibt es ein Fokusereignis in JQuery?-Front-End-Fragen und Antworten-php.cn

Gibt es ein Fokusereignis in JQuery?

青灯夜游

Freigeben： 2022-12-16 11:31:28

Original

2215 Leute haben es durchsucht

jquery hat Fokusereignisse. Wenn ein Element den Fokus erhält, tritt ein Fokusereignis auf; in jquery können Sie die Methode focus() verwenden, um das Fokusereignis auszulösen, oder eine Ereignisverarbeitungsfunktion angeben, die ausgeführt werden soll, wenn ein Fokusereignis auftritt, indem Sie die Syntax „$(selector ).focus(function)". Wenn ein Element den Fokus verliert, tritt ein Unschärfeereignis auf; jQuery kann die Methode „blur()“ verwenden, um ein Unschärfeereignis auszulösen, oder einen Ereignishandler angeben, der ausgeführt werden soll, wenn ein Unschärfeereignis auftritt.

Gibt es ein Fokusereignis in JQuery?

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

Der Fokus liegt auf dem betreffenden Bereich, also auf der Position, an der der Cursor gerade aktiviert ist. Die kleine vertikale Linie, die im Seitenbildschirm blinkt, zeigt an, dass ein Steuerelement auf der Webseite ausgewählt ist und bedient werden kann. Klicken Sie mit der Maus, um den Cursor zu erhalten, und die Tab-Taste kann den Fokus entsprechend dem eingestellten Tabindex wechseln.

Wenn beispielsweise ein Textfeld den Fokus erhält, werden die Zeichen, die Sie auf der Tastatur eingeben, direkt in das Textfeld eingegeben. Wenn beispielsweise ein Dropdown-Listenfeld den Fokus erhält, wird es angezeigt, wenn Sie den Abwärtspfeil auf der Tastatur drücken werde die Liste auflisten. Das Programm verfügt außerdem über Ereignisse, die auftreten, wenn der Fokus gewonnen wird (gotfocus()), Ereignisse, die auftreten, wenn der Fokus verloren wird (lostfocus()) und eine Methode zum Festlegen des Fokus für das Steuerelement (setfocus()). Wenn Sie den Fokus gut nutzen, kann Ihr Programm sehr benutzerfreundlich erscheinen.

Gibt es ein Fokusereignis in JQuery?

jquery get focus event

Wenn ein Element den Fokus erhält, tritt das Fokusereignis auf.

Wenn ein Element per Mausklick ausgewählt oder mit der Tabulatortaste positioniert wird, erhält das Element den Fokus. Die Methode

focus() löst das Fokusereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn das Fokusereignis auftritt.

Syntax

//触发 focus 事件
$(selector).focus()

//将函数绑定到 focus 事件
$(selector).focus(function)

Nach dem Login kopieren

Funktion: Optional. Gibt die Funktion an, die ausgeführt werden soll, wenn das Fokusereignis auftritt.

Beispiel: focus()-Methode Get focus

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function(){
		  $("input").focus(function(){
		    $("input").css("background-color","#FFFFCC");
		  });
		});
		</script>
	</head>
	<body>

		输入你的名字: <input type="text">

	</body>
</html>

Nach dem Login kopieren

Gibt es ein Fokusereignis in JQuery?

jquery loses focus event

Das Unschärfeereignis tritt auf, wenn ein Element den Fokus verliert. Die Methode

blur() löst das Unschärfeereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn das Unschärfeereignis auftritt.

Tipps: Diese Methode wird oft zusammen mit der focus()-Methode verwendet.

Syntax

//为被选元素触发 blur 事件：
$(selector).blur()

//添加函数到 blur 事件：
$(selector).blur(function)

Nach dem Login kopieren

Beispiel: Methode „blur()“ verliert den Fokus

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("input").focus(function() {
					$("input").css("background-color", "#FFFFCC");
				});
				$("input").blur(function() {
					$("input").css("background-color", "#D6D6FF");
				});
			});
		</script>
	</head>
	<body>
		用户名: <input type="text" />
		<p>请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。</p>
	</body>
</html>

Nach dem Login kopieren

Gibt es ein Fokusereignis in JQuery?

[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video]

Das obige ist der detaillierte Inhalt vonGibt es ein Fokusereignis in JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!