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 avhref
attributt. For å unngå dette, må du angihref="#"
.