Hvordan bruke onclick i Javascript

Onclick hendelsen utløses, eller sparket, når et HTML-element på en side klikkes av brukeren. Ved å definere en onClick på et element, kan webdesign angi en bestemt handling for å bli tatt når det klikkes. En onClick defineres ved å spesifisere onClick attributt for dette elementet. For eksempel kan klikke på en knapp utløse åpningen av en ny nettside.

Bruksanvisning

Bruk onclick i Javascript

1 Bestem element som du ønsker å spesifisere en onClick.

2 Angi onClick ved å gi dette elementet en onClick attributt som følger. Legg merke til bruken av apostrof etter strenger i Javascript-kode for å unngå konflikt med de doble anførselstegn som brukes for attributtverdien.
onclick="alert('You clicked me!')"

3 Angi onClick, alternativt ved hjelp av skript for å tildele en Javascript-funksjon til onClick eiendom av elementet, som følger:
my_element.onClick = function () { alert ("I was clicked."); };

4 Angi onClick på et høyere nivå i HTML-element hierarki, hvis mer praktisk. For eksempel, en onClick spesifisert på en DIV vil elementet bli kalt når noen av sine underordnede elementer klikkes. Det er måter å oppdage hvilket element faktisk ble klikket, men disse er browser-spesifikke og utenfor rammen av denne artikkelen.

Hint

  • Den onClick attributt er ikke store og små sensitive-- onclick ville fungere like bra.
  • Hvis du angir en onClick på en a (hyperkobling) element, når brukeren klikker på det elementet ikke bare vil behandleren bli henrettet, men leseren vil også prøve å hoppe til nettadressen som er angitt av href attributt. For å unngå dette, må du angi href="#" .