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!