Heim > Artikel > Web-Frontend > 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
- 青灯夜游Original
- 2022-05-24 15:18:573759Durchsuche
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.
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() {
//点击事件发生后，执行的代码
});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> 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!