A onclickJavaScript-ben található esemény lehetővé teszi, hogy programozóként futtasson egy funkciót, amikor egy elemre kattint.
Gomb Onclick példa
Click me function myFunction() { alert('Button was clicked!'); } A fenti egyszerű példában, amikor a felhasználó rákattint a gombra, riasztást fog látni a böngészőjében Button was clicked!.
Az onclick dinamikus hozzáadása
Az onclickesemény programszerűen hozzáadható bármely elemhez a következő kód segítségével a következő példában:
click on this element.
var p = document.getElementById("foo"); // Find the paragraph element in the page p.onclick = showAlert; // Add onclick function to element function showAlert(event) { alert("onclick Event triggered!"); } jegyzet
Fontos megjegyezni, hogy az onclick használatával csak egy figyelő funkciót adhatunk hozzá. Ha többet szeretne hozzáadni, használja az addEventListener () alkalmazást, amely az eseményfigyelő hozzáadásának előnyben részesített módja.
A fenti példában, amikor a felhasználó rákattint a paragraphelemre a elemben, htmlriasztást fog látni onclick Event triggered.
Az alapértelmezett műveletek megakadályozása
Ha azonban onclicklinkekhez (HTML- acímkékhez) csatolunk , akkor érdemes lehet megakadályozni az alapértelmezett műveletek előfordulását:
Guides function myAlert(event) { event.preventDefault(); alert("Link was clicked but page was not open"); } A fenti példában megakadályoztuk az aelem (nyitó link) alapértelmezett viselkedését event.preventDefault()a onclickvisszahívási funkciónk használatával.
MDN
Egyéb források
jQuery .on () Eseménykezelő melléklet