Ce sunt evenimentele în JavaScript și cum sunt tratate?



Evenimentele din JavaScript oferă o interfață dinamică către o pagină web. Aceste evenimente sunt conectate la elemente din Document Object Model (DOM).

Evenimentele sunt acțiuni sau evenimente care se întâmplă în sistem. În lumea programării, evenimentele sunt ceva ce se întâmplă cu elementele HTML. Dar cand este folosit în paginile HTML, poate reacționa la aceste evenimente. În acest articol, vom vedea care sunt diferitele tipuri de evenimente din JavaScript și cum funcționează acestea, în următoarea succesiune:

Ce sunt evenimentele în JavaScript?

Javascript are evenimente care oferă o interfață dinamică unei pagini web. Aceste evenimente sunt conectate la elemente din Model de obiect document (HOTĂRÂRE).





De asemenea, aceste evenimente utilizează în mod implicit propagarea cu bule, adică în sus în DOM de la copii la părinte. Putem lega evenimentele fie în linie, fie într-un script extern. Cu ajutorul JavaScript, puteți detecta când se întâmplă anumite evenimente și puteți provoca lucruri ca răspuns la aceste evenimente.

Tipuri de evenimente în JavaScript

Există diferite tipuri de evenimente în care sunt folosite pentru a reacționa la evenimente. Aici vom discuta despre unele dintre evenimentele celebre sau cele mai des utilizate, cum ar fi:



  • Faceți clic
  • Onkeyup
  • Onmouseover
  • Încărcat
  • Onfocus

Deci, să mergem mai departe și să aruncăm o privire asupra acestor evenimente în JavaScript, cu un exemplu.

Onclick Eveniment

Evenimentul Onclick este un eveniment de mouse și provoacă orice logică definită dacă utilizatorul face clic pe elementul la care este obligat. Să luăm un exemplu și să vedem cum funcționează:

function edu () {alert ('Welcome to Edureka!')} Faceți clic pe buton

Ieșire:



Rezultatul 1 - evenimente în javascript - edureka

După ce faceți clic pe buton, primiți următorul mesaj de alertă:

Eveniment Onekeyup

Acest eveniment este un eveniment de la tastatură și este utilizat pentru a executa instrucțiuni de fiecare dată când o tastă este eliberată după apăsare. Următorul exemplu arată funcționarea evenimentului:

diferența dintre jquery și javascript
var a = 0 var b = 0 var c = 0 funcție changeBackground () {var x = document.getElementById ('bg') bg.style.backgroundColor = 'rgb (' + a + ',' + b + ',' + c + ')' a + = 1 b + = a + 1 c + = b + 1 if (a> 255) a = a - b if (b> 255) b = a if (c> 255) c = b}

Ieșire:

După ce scrieți ceva, arată așa:

Eveniment Onmouseover

Evenimentul onmouseover din JavaScript corespunde plasării cursorului mouse-ului peste element și copiii săi, la care este legat. Exemplul este prezentat mai jos:

function hov () {var e = document.getElementById ('hover') e.style.display = 'none'}

Ieșire:

Caseta colorată apare înainte de deplasarea mouse-ului. De îndată ce plasați mouse-ul peste casetă, acesta dispare.

Eveniment Onload

Evenimentul de încărcare este evocat atunci când un element este încărcat complet. Să luăm un exemplu și să vedem cum funcționează:

  edu-Logo 

Ieșire:

Eveniment Onfocus

Evenimentul Onfocus are o listă de elemente care execută instrucțiuni ori de câte ori primește focalizare. Următorul exemplu arată cum funcționează evenimentul onfocus:

funcție focalizată () {var e = document.getElementById ('input') if (confirm ('Focus Event')) {e.blur ()}}

Concentrați-vă în caseta de intrare:

Ieșire:

Acestea sunt unele dintre cele mai frecvent utilizate evenimente din JavaScript. Cu aceasta, am ajuns la sfârșitul articolului nostru. Sper că ați înțeles ce sunt evenimentele și cum sunt folosite.

Verificați-ne care vine cu instruire live condusă de instructor și experiență de proiect din viața reală. Această instruire vă face să aveți abilități de a lucra cu tehnologii web back-end și front-end. Include cursuri de dezvoltare web, jQuery, Angular, NodeJS, ExpressJS și MongoDB.

Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii a acestui blog și vă vom răspunde.