jQuery: Detaillierte Erklärung des Unterschieds zwischen .click und onclick

onclick ist an das -Ereignis gebunden, eine Methode, die das onclick-Ereignis auslöst, solange die click()-Methode des Elements ausgeführt wird, gibt es beispielsweise einen Blick auf den

Html-Code

<script type="text/javascript"> 
$(function(){ 
$("#btn4").click(function(){ 
$("#btn3").click(); 
}); 
}); 
function change(){ 
alert("onclick"); 
} 
</script> 

<button id="btn3" onclick="change()">dd</button> 
<button id="btn4">ee</button>

Unterschiede:

1.onclick ist ein verbindliches Ereignis, das das mitteilt Browser, was zu tun ist, wenn die Maus klickt

click selbst ist eine Methode, deren Funktion darin besteht, das onclick-Ereignis auszulösen. Solange die click()-Methode des Elements ausgeführt wird, wird das onclick-Ereignis ausgelöst. Wie im Einspruchscode gezeigt, wird beim Klicken auf die Schaltfläche „ee“ das Onclick-Ereignis „dd“ ausgelöst (normalerweise müssen Sie die Schaltfläche „dd“ drücken, um das Onclick-Ereignis „ Der Grund dafür ist, dass der Code intern die click()-Methode von „dd“ aufruft, wenn

$("#btn4").click(function(){
$("#btn3").click();
});

auf die Schaltfläche „ee“ klickt und so das onclick-Ereignis von „dd“ auslöst.

2. Die Hauptfunktion der click()-Methode besteht darin, das onclick-Ereignis des Elements auszulösen, das die click-Methode aufruft. Wenn außerdem der folgende Code in der Click-Methode definiert ist

$("#btn3").click(function(){
alert("*****");
});

, wird der Funktionscode in der Click-Methode ausgeführt, nachdem das Onclick-Ereignis ausgeführt wurde. Zu diesem Zeitpunkt spielt die Click-Methode die Rolle von anhängende Ereignisse. Das Beispiel sieht wie folgt aus

Html-Code

<script type="text/javascript"> 
$(function(){ 
$("#btn3").click(function(){ 
alert("aa"); 
}); 
}); 
function change(){ 
alert("bb"); 
} 
</script> 
<button id="btn3" onclick="change()">dd</button>

Die Popup-Reihenfolge der Popup-Boxen ist zuerst „bb“, dann „aa“.

Das obige ist der detaillierte Inhalt vonjQuery: Detaillierte Erklärung des Unterschieds zwischen .click und onclick. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!