onclick
Događaj u JavaScriptu omogućuje vam kao programer vrše funkciju kada se klikne element.
Primjer pritiska gumba
Click me function myFunction() { alert('Button was clicked!'); }
U jednostavnom primjeru iznad, kada korisnik klikne gumb, vidjet će upozorenje u njegovom pregledniku Button was clicked!
.
Dodavanje onclick-a dinamički
onclick
Događaj može biti programski dodati bilo kojem elementu koristeći sljedeći kod u sljedećem primjeru:
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!"); }
Bilješka
Važno je napomenuti da pomoću onclick-a možemo dodati samo jednu funkciju slušatelja. Ako želite dodati još, samo upotrijebite addEventListener (), što je preferirani način za dodavanje preslušavača događaja.
U gornjem primjeru, kada korisnik klikne na paragraph
element u html
, vidjet će upozorenje onclick Event triggered
.
Sprječavanje zadane radnje
Međutim, ako se pridružimo onclick
vezama (HTML-ova a
oznaka), možda bismo htjeli spriječiti da se dogodi zadana radnja:
Guides function myAlert(event) { event.preventDefault(); alert("Link was clicked but page was not open"); }
U gornjem primjeru spriječili smo zadano ponašanje a
elementa (otvaranje veze) koristeći event.preventDefault()
našu onclick
funkciju povratnog poziva.
MDN
Ostali izvori
jQuery .on () Privitak voditelja događaja