Události v JavaScriptu

Až doposud se všechny skripty prováděly hned po načtení stránky. Pomocí událostí se však mohou spouštět na požadavek uživatele, například po kliknutí myší, rolování nebo stisknutí 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 zobrazí hlášku „Kliknul jsi na odstavec“.

Je třeba dodržet přesnou syntaxi. Příkaz alert je obalen uvozovkami, proto v něm musíme 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é zapsat ho do hlavičky (element head) a potom ho vyvolat funkcí.

Prohlédněte si příklad a všimněte si, jak je skript zapsán v hlavičce a jak událost vyvolává funkci „hlaska“. Skript je zapsán v hlavičce, před ním je function hlaska() a za ním následuje blok { ...skript... }. Takto zapsaný skript lze 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