Heim > Web-Frontend > Front-End-Fragen und Antworten > So binden Sie ein Klickereignis in JQuery, um ein Popup-Fenster zu implementieren

So binden Sie ein Klickereignis in JQuery, um ein Popup-Fenster zu implementieren

青灯夜游
Freigeben: 2022-06-08 18:56:20
Original
3835 Leute haben es durchsucht

Implementierungsmethode: 1. Verwenden Sie die Anweisung „element object.click(function(){})“, um das Klickereignis an das angegebene Element zu binden und die Verarbeitungsfunktion festzulegen. 2. Legen Sie in der Funktion „alert (information)“ fest. „“, „Bestätigen (Informationen)“ oder „Eingabeaufforderung (Eingabeaufforderung, Standardwert)“, um ein Popup-Fenster zu erstellen und die angegebenen Informationen anzuzeigen.

So binden Sie ein Klickereignis in JQuery, um ein Popup-Fenster zu implementieren

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

jquery bindet Klickereignisse, um Klick-Popup-Effekte zu erzielen

1. Klickereignisse festlegen

Verwenden Sie click(), um Klickereignisse an bestimmte Elemente zu binden und Ereignisbehandlungsfunktionen festzulegen. Syntax:

元素对象.click(function() {
	//点击事件发生后,执行的代码
});
Nach dem Login kopieren

In der Ereignisverarbeitungsfunktion ist der geschriebene Code der nach dem Klicken auf

2. ) oder prompt()-Methode fügt ein Popup-Fenster hinzu.

alert() erstellt eine Benachrichtigungsbox
  • confirm() erstellt eine Bestätigungsbox
  • prompt() erstellt eine Eingabeaufforderungsbox
  • 1), klicken Sie, um die Warnbox anzuzeigen
  • <!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() {
    					alert("一个警告框");
    				});
    			});
    		</script>
    	</head>
    	<body>
    
    		<button>点击弹窗</button>
    
    	</body>
    </html>
    Nach dem Login kopieren
    2) Klicken Sie, um das Bestätigungsfeld anzuzeigen Video

    ]

    Das obige ist der detaillierte Inhalt vonSo binden Sie ein Klickereignis in JQuery, um ein Popup-Fenster zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage