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

Reklama

Webhosting C4



Copyright (c) 2004 Tvorba Webu - Kontakt - mapa webu - RSS