Heim > Artikel > Web-Frontend > Kann JQuery Klickereignisse an Schaltflächen binden?
Kann JQuery Klickereignisse an Schaltflächen binden?
- 青灯夜游Original
- 2023-01-03 18:50:232953Durchsuche
jquery kann Klickereignisse an Schaltflächen binden. Bindungsmethode: 1. Verwenden Sie den Selektor, um das Schaltflächenelementobjekt auszuwählen. Die Syntax „$(„selector“)“ gibt ein JQuery-Objekt zurück, das das angegebene Schaltflächenelement enthält. 2. Verwenden Sie zum Binden die Funktion click() oder dblclick() das Button-Click-Ereignis, Syntax „Button element object.click(function(){//Run code});“ oder „Button element object.dblclick(function(){//Run code});“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6-Version, Dell G3-Computer.
In jquery können Sie die Funktion click() oder dblclick() verwenden, um Klickereignisse an Schaltflächen zu binden.
jquery bindet Klickereignisse an Schaltflächen
Schritt 1: Verwenden Sie den Selektor, um Schaltflächenelementobjekte auszuwählen
Syntax:
$("选择器")Beispiel$("button") Sie können alle Schaltflächenelemente im Dokument auswählen.
Rückgabewert: Gibt das JQuery-Objekt zurück, das das angegebene Schaltflächenelement enthält
Schritt 2: Verwenden Sie die Funktion click() oder dblclick(), um ein Klickereignis an die Schaltfläche zu binden
-
Das Klickereignis wird ausgelöst, wenn die Die Maus wird angeklickt. Die
click()-Methode löst ein Klickereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn ein Klickereignis auftritt.
按钮元素对象.click(function(){
//运行代码
});-
dblclick-Ereignis wird ausgelöst, wenn mit der Maus doppelgeklickt wird. Der Unterschied zum onclick-Ereignis besteht darin, dass dieses Ereignis zwei aufeinanderfolgende Klicks erfordert. Die
dblclick()-Methode löst das dblclick-Ereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn das dblclick-Ereignis auftritt.
按钮元素对象.dblclick(function(){
//运行代码
});Beispiel 1: Verwenden Sie click(), um ein Klickereignis an eine Schaltfläche zu binden.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
console.log("发生了单击事件");
});
});
</script>
</head>
<body>
<button>点击按钮</button>
</body>
</html>
Beispiel 2: Verwenden Sie dblclick(), um ein Doppelklickereignis an eine Schaltfläche zu binden 【Empfohlenes Lernen:
jQuery-Video-Tutorial, 
Web-Frontend-Video
Das obige ist der detaillierte Inhalt vonKann JQuery Klickereignisse an Schaltflächen binden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!