Ausführliche Erklärung des Unterschieds zwischen Click und Onclick-js-Tutorial-php.cn

Ausführliche Erklärung des Unterschieds zwischen Click und Onclick

php中世界最好的语言

Freigeben： 2018-06-09 11:55:44

Original

3253 Leute haben es durchsucht

Dieses Mal erkläre ich Ihnen ausführlich den Unterschied zwischen Click und Onclick und die Vorsichtsmaßnahmen bei der Verwendung von Click und Onclick. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

click von nativem JavaScript wird in w3c als DOM-Button-Objekt beschrieben, das auch die HTML-DOM-click()-Methode ist, die einen Mausklick auf die Schaltfläche simulieren kann.

Schaltflächenobjekt stellt eine Schaltfläche in einem HTML-Dokument dar. Das Schaltflächenelement hat kein Standardverhalten, muss aber über einen Onclick-Ereignishandler verfügen, um es verwenden zu können.

Syntax: buttonObject.click()

<html>
<head>
<script type="text/javascript">
function clickButton()
 {
 document.getElementById('button1').click()
 }
function alertMsg()
 {
 alert("Button 1 was clicked!")
 }
</script>
</head>
<body onload="clickButton()">
<form>
<input type="button" id="button1" onclick="alertMsg()" value="Button 1" />
</form>
</body>
</html>

Nach dem Login kopieren

onclick ist ein Ereignis, ein Ereignisobjekt . JavaScript-Objekte, die dieses Ereignis unterstützen: Schaltfläche, Dokument, Kontrollkästchen, Link, Radio, Zurücksetzen, Senden

HTML-DOM-Ereignisobjekt, das den Status des Ereignisses darstellt, z. B. das Element, in dem das Ereignis aufgetreten ist, den Status der Tastaturtasten sowie der Mausposition und des Zustands der Maustaste. Ereignisse werden häufig in Verbindung mit Funktionen verwendet, die erst beim Eintreten des Ereignisses ausgeführt werden!

<html>
<body>
  Field1: <input type="text" id="field1" value="Hello World!"><br />
  Field2: <input type="text" id="field2"> <br />
  点击下面的按钮，把 Field1 的内容拷贝到 Field2 中： <br />
  <button onclick="document.getElementById(&#39;field2&#39;).value=document.getElementById(&#39;field1&#39;).value">Copy Text</button>
</body>
</html>

Nach dem Login kopieren

Unterschied

Wie bereits erwähnt, ist click eine Methode und onclick ein Ereignis.

Die grundlegendste Frage ist: Was ist der Unterschied zwischen Methoden und Ereignissen?

Der Unterschied ist:

1 Der Ereignisname beginnt normalerweise mit on

2. Die Methode wird direkt vom Programmierer aufgerufen Anweisung, das heißt Display-Aufruf; [kann ein Onclick-Ereignis auslösen]

3 Das Ereignis muss nicht vom Programmierer aufgerufen werden, der Programmierer muss jedoch eine Funktion schreiben und die Funktion dem entsprechenden Ereignis zuweisen. Der Anruf befindet sich beim Auslösen im entsprechenden Ereignis. [Sagen Sie dem Browser, was er tun soll, wenn die Maus klickt.] Die Aufrufreihenfolge lautet also: zuerst die Methode und dann das Ereignis.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Verwenden Sie JS, um Bilder zu manipulieren und nur Schwarzweiß zu belassen

Verwenden Sie reagieren, reduxen, reagieren -redux

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung des Unterschieds zwischen Click und Onclick. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!