Události v JavaScriptu

Až doposud se všechny skripty prováděly hned po načtení stránky pomocí událostí se mohou skripty provádět na požadavek uživatele např. kliknutí myší, rolování, stisk tlačítka.

Pomocí události onclick (kliknutí myší) si můžeme připravit jednoduchý příklad, který po kliknutí na element "P" spustí příkaz alert a objeví se hláška "Kliknul jsi na odstavec".

Je třeba dodržet přesnou syntaxi, protože příkaz alert je obalen uvozovkami musíme v něm použít jednoduché uvozovky ('a').

<p onclick="alert(' Kliknul jsi na odstavec.')">klikni na tenhle odstavec!</p>

Pokud se má po události spustit složitější skript je dobré si ho zapsat do hlavičky (element head) a pak ho vyvolat funkcí.

Prohlédněte si příklad a všimněte si jak je skript zapsán ve hlavičce a jak událost vyvolává funkci "hlaska". Skript je zapsán v hlavičce a před ním je function hlaska() pak následuje znak { ...skript...}, pokud si takto zapíšeme skript do hlavičky můžeme ho pak snadno spustit událostí
onclick="hlaska()".

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>onclick</title>
<SCRIPT TYPE="text/javascript">
function hlaska(){
alert('Kliknul jsi na nadpis.')
alert('Tak už na něj neklikej.')
alert('Ale to už tady jednou bylo.')
}
</SCRIPT>
</head>
<body>
<h1 onclick="hlaska()">Klikni na tenhle nadpis!</h1>
</body>
</html>

Zobrazit výsledek

Přehled nejdůležitějších událostí v JavaScriptu
Název	Popis	Lze aplikovat na:
onLoad	načtení stránky	body
onUnLoad	opuštění stránky	body
onResize	změna velikosti okna	body
onScroll	rolování stránky	body, textarea
onMouseMove	pohyb myší nad elementem	všechny elementy
onMouseOut	odjetí myší s elementu	všechny elementy
onMouseOver	najetí myší na element	všechny elementy
onClick	kliknutí na element	všechny elementy
onDblClick	dvojklik na element	všechny elementy
onMouseDown	stisk tlačítka	všechny elementy
onMouseUp	uvolnění tlačítka	všechny elementy
onFocus	Aktivování myší nebo tabulátorem	input, select, textarea, label, button
onBlur	Element přestává být aktivní	input, select, textarea, label, button
onKeyPress	Stisk a uvolnění tlačítka na klávesnici	všechny elementy
onKeyDown	Stisk tlačítka na klávesnici	všechny elementy
onKeyUp	Uvolnění tlačítka na klávesnici	všechny elementy
onSubmit	Odesílání formuláře	form
onReset	Vynulování formuláře	form
onSelect	Označení textu ve vstupním poli	input, textarea
onChange	Pří změně vstupního pole	input, textarea, select

Události v JavaScriptu

Reklama

Nejoblíbenější stránky

JavaScript návod

JavaScripty ke stažení

JavaScripty pro MSIE