JavaScripti Onclicki sündmus on selgitatud

onclickSündmus JavaScript saate programmeerijana käivitate funktsiooni, kui element on klõpsatud.

Nupp Onclick näide

Click me  function myFunction() { alert('Button was clicked!'); } 

Ülalolevas lihtsas näites näevad kasutajad nuppu klõpsates oma brauseris märguannet Button was clicked!.

Onclicki lisamine dünaamiliselt

onclickKoht võib olla ka programmiliselt lisada igale element kasutades järgmist koodi järgmine näide:

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!"); }

Märge

Oluline on märkida, et onclicki abil saame lisada ainult ühe kuulajafunktsiooni. Kui soovite lisada rohkem, kasutage lihtsalt addEventListener (), mis on eelistatud viis sündmuste kuulaja lisamiseks.

Ülalolevas näites näeb kasutaja hoiatust , kui kasutaja klõpsab paragraphelemendis .htmlonclick Event triggered

Vaiketoimingu ennetamine

Kui aga kinnitame onclicklinkidele (HTML-i asilt), võime soovida takistada vaiketoimingute toimumist:

Guides  function myAlert(event) { event.preventDefault(); alert("Link was clicked but page was not open"); } 

Eespool toodud näites me takistanud vaiketoimingud aelement (avamine link), kasutades event.preventDefault()sees meie onclicktagasihelistamise funktsioon.

MDN

Muud ressursid

jQuery .on () Sündmuste käitleja manus