În lecția de astăzi vom învătă câteva evenimente din JavaScript. În lecția precedentă am învățat deja de evenimentul onClick care specifica ce trebuie să se întâmple când se dă click pe un element din pagina HTML. Astăzi vom continua să învățăm despre evenimentele:

• onMouseOver
• onMouseOut
• onMouseMove
• onMouseDown
• onMouseUp
• onDblClick
• onFocus
• onBlur
• onChange

Evenimentele onmousedown, onmouseup, onmousemove, onmouseover, onmouseout, ondblclick se numesc evenimente de mouse, deoarece se realizează în funcție de interacțiunea utilizatorului cu mouse-ul. Evenimentele onfocus, onblur, onchange sunt evenimente ale formularelor și elementelor acestora.

Evenimentul onDblClick este identic cu onClick, singura diferență constând în faptul că acțiunea specificată se realizează când se apasă dublu click pe elementul respectiv în loc de click simplu.

onMouseOver - Acționează când se poziționează mouse-ul deasupra unui link sau unei imagini. onMouseOut - Acționează când se mută mouse-ul de pe un hiperlink sau o imagine.

Exemplu:

See the Pen raNpxm by andreea (@andreeas) on CodePen.

Acționează când se mișcă mouse-ul.

Exemplu:

See the Pen dPyJXq by andreea (@andreeas) on CodePen.

onMouseDown - Acționează când ținem apăsat unul din butoanele mouse-ului, pe un document, buton sau link. onMouseUp - Acțiunea se execută atunci când este eliberat degetul de pe unul din butoanele mouse-ului.

Exemplu:

See the Pen dPyJWQ by andreea (@andreeas) on CodePen.

Acțiunea apare când este activat un obiect câmp: casetă password, câmp text, bloc de text, dintr-un formular HTML.

Exemplu:

See the Pen JojMyZ by andreea (@andreeas) on CodePen.

Este inversul lui onFocus, este declanșat atunci când un obiect nu mai este activ, prin trecerea la o alta resursă.

Exemplu:

See the Pen bNGaoV by andreea (@andreeas) on CodePen.