Funkcje obsługi zdarzeń JavaScript

Funkcje obsługi zdarzenia

zdarzenia klawiatury – który klawisz został naciśnięty.

 

DOM zawiera obiekt event zawierający informacje o zdarzeniu.

onKeyPress=”getkey(event);”

 

Zdarzenia HTML5:

Mouse event

 

dla kliknięcie (czyli dla zdarzeń: onClick, onDblClick, onMouseUp, onMouseDown) przydzielona jest właściwość eventbutton – określa który przycisk został kliknięty:

 

keyboard event

 

sprawdzenie który klawisz został naciśnięty poprzez obiekt event – wysłany do funkcji obsługi zdarzenia w momencie zaistnienia zdarzenia.

właściwość event.witch – kod znaku ASCII wciśniętego klawisza. (IE obsługuje event.keyCode).

więc stosujemy:


keycode = e.keyCode || e.which;

keycode = event.which || event.keyCode;

 

fromCharCode – konwersja kodu ASCII na faktyczne litery – character = String.fromCharCode(keycode);

 


<body onKeyPress="DisplayKey(event)">

&nbsp;

 


<a href="http://ginger-art.pl" onClick="return(window.confirm('opuszczasz stronę :('))">a sobie link</a>

dzięki funkcji return gdy zostaje zwrócone false (czyli kliknięte Anuluj) i przeglądarka nie przejdzie do adresu w linku.

 

 

Powiązanie elementu ze zdarzeniem:


<script>
function doLoad(){
alert("Page Loaded");
}
function doClick(){
alert("one Click")
}
</script>

<body onLoad="doLoad()">
<a href="#" onClick="doClick()">Action button</a>

#JavaScript

Agnieszka Trefler

Agnieszka Trefler (Ruda) - freelancer, web developer, specjalistka od WordPressa z Wrocławia. Z pasją budowania stron, blogowania i fotografowania. Twórca Inspiracji fotograficznych.