Bar: /* Referencer */

2022-11-24T12:45:37Z

Referencer

← Ældre version		Versionen fra 24. nov. 2022, 14:45
Linje 66:		Linje 66:
	==Referencer==		==Referencer==
	<references />		<references />

			{{Programmering}}


	{{webcode}}		{{webcode}}

Bar: 1 version importeret

2022-10-25T15:51:02Z

1 version importeret

← Ældre version	Versionen fra 25. okt. 2022, 17:51
(Ingen forskel)

htx_>Bar: /* Hvad er et event */

2013-09-03T11:09:51Z

Hvad er et event

Ny side

=Hvad er et event=
Event er et vigtigt bindeled mellem html og JavaScript. For det meste anvendes event i form af attributter i html-tags.
Event starter altid med on, som f.eks. onclick=. Efter lighedstegnet kommer JavaScript kommandoen. Har du flere kommandoer som skal udføres, er det en god ide at lægge dem i en funktion, og efterfølgende kalde dem med onclick="etellerandet()"

For eksempel kan vi bruge onClick-eventet på en knap for at angive, at en funktion vil starte, når en bruger klikker på knappen.

Eksempler på events:
onclick -> Man klikker og en funktion sker.
onmouseover -> Når man fører musen hen over noget starter en function.
onchange -> Når der sker en ændring sker der noget.

Der er vist eksempler på forskellige events på w3schools.com<ref>http://www.w3schools.com/js/js_htmldom_events.asp w3schools javaScript event beskrivelse</ref>

==Onclick==
En af de meste anvendte attributter er onclick. Denne fortæller browseren at hente/udføre et script når et element klikkes med musen.
<pre>
<html><head><title>onclick</title>
</head><body>
<form name="test" action="">
<input size="35" name="retur" readonly><br />
<input type="button" value="Seneste opdatering"
onclick="this.form.retur.value=document.lastModified">
</form>
</body></html>
</pre>

[http://www.netexplorer.dk/JS_TUTORIAL/eksempler/06-eks-onclick.html Her er et eksempel] -> Det der sker er når man trykker på knappen vises tid og dato.

==Onmouseover==
Onmouseover udfører handling når musen føres hen over elementet.
<pre>
<html><head><title>onmouseover</title>
</head><body>
<h1 id="test"
onmouseover="this.innerHTML='Læs videre og se hvad de andre event handler anvendes til'"
onmouseout="this.innerHTML='Hej og velkommen til JavaScript lektioner'">Hej og velkommen til JavaScript lektioner</h1>
</body></html>
</pre>

[http://www.netexplorer.dk/JS_TUTORIAL/eksempler/06-eks-onmouseover.html Her er et eksempel] -> Når du fører musen hen over skriften ændre den sig til en anden tekst. Det er onmouseover som gør at teksten ændres.

==Onfocus==
Handling udføres når der sættes fokus på elementet - altså når man klikker på objektet på siden. Dette kan F.eks. være en lille tekst boks som man klikker på med musen og så sker handlingen. Dette gør den fordi onfocus er i brug og dermed er tekstboksen i "fokus".
<pre>
<html><head><title>onfocus</title>
</head><body>
<form name="test" action="">
<input size="35" onfocus="this.value='Her er en tekst'"><br />
<input size="35" onfocus="this.value='Dette er en anden tekst'"><br />
<input size="35" onfocus="this.value='En sidste tekst'"><br />
</form>
</body></html>
</pre>

[http://www.netexplorer.dk/JS_TUTORIAL/eksempler/06-eks-onfocus.html Her er et eksempel] -> når du klikker på boksene kommer der forskellige tekster fordi de er i fokus.

==Andre Events==
[[Keyboard event]] er den event der udløses, når der trykkes på en tast. Der udløses faktisk hele 3 events.

Hele det område der hedder [[:Kategori:tid i javaScript|Tid i javaScript]] er også eventdrevet

En samlet oversigt over events kan ses på w3schools<ref>http://www.w3schools.com/jsref/dom_obj_event.asp w3schools domain object model events</ref>

==Referencer==
<references />

{{webcode}}

[[Kategori:Programmering teknik]]
[[Kategori:objekt]]

Events - Versionshistorie

Bar: /* Referencer */

Bar: 1 version importeret

htx_>Bar: /* Hvad er et event */