Ano ang mga Kaganapan sa JavaScript at paano ito pinangangasiwaan?

Ang mga kaganapan ay mga aksyon o pangyayari na nangyayari sa system. Sa mundo ng programa, ang mga kaganapan ay isang bagay na nangyayari sa mga elemento ng HTML. Pero kailan ay ginagamit sa mga pahina ng HTML, maaari itong tumugon sa mga kaganapang ito. Sa artikulong ito, makikita natin kung ano ang iba't ibang mga uri ng mga kaganapan sa JavaScript at kung paano ito gumagana, sa sumusunod na pagkakasunud-sunod:

• Ano ang mga Kaganapan sa JavaScript?
• Mga uri ng Kaganapan sa JavaScript
  • Kaganapan sa Onclick
  • Kaganapan sa Onkeyup
  • Kaganapan sa Onmouseover
  • Kaganapan sa Onload
  • Kaganapan sa Onfocus

Ano ang mga Kaganapan sa JavaScript?

Ang Javascript ay may mga kaganapan na nagbibigay ng isang dynamic na interface sa isang webpage. Ang mga kaganapang ito ay konektado sa mga elemento sa Modelong Bagay ng Dokumento (HATOL).

Gayundin, ang mga kaganapang ito bilang default ay gumagamit ng paglaganap ng bubbling ibig sabihin, paitaas sa DOM mula sa mga bata hanggang sa magulang. Maaari nating itali ang mga kaganapan alinman sa linya o sa isang panlabas na script. Sa tulong ng JavaScript, mahahanap mo kung kailan nangyari ang ilang partikular na kaganapan, at maging sanhi ng mga bagay na maganap bilang tugon sa mga kaganapang iyon.

Mga uri ng Kaganapan sa JavaScript

Mayroong iba't ibang mga uri ng mga kaganapan sa ginagamit iyon upang makapag-reaksyon sa mga kaganapan. Dito, tatalakayin namin ang ilan sa mga sikat o pinakakaraniwang ginagamit na kaganapan tulad ng:

pivot at undivot sa sql

• Onclick
• Onkeyup
• Onmouseover
• Onload
• Onfocus

Kaya't magpatuloy tayo at tingnan ang mga kaganapang ito sa JavaScript na may halimbawa.

Kaganapan sa Onclick

Ang kaganapan sa Onclick ay isang kaganapan sa mouse at pinupukaw ang anumang lohika na tinukoy kung ang gumagamit ay nag-click sa elemento kung saan ito nakasalalay. Kumuha tayo ng isang halimbawa at tingnan kung paano ito gumagana:

function edu () {alert ('Maligayang Pagdating sa Edureka!')} I-click ang Button

Output:

Pagkatapos ng Pag-click sa Button, makakakuha ka ng sumusunod na mensahe ng alerto:

Kaganapan sa Onekeyup

Ang kaganapang ito ay isang kaganapan sa keyboard at ginagamit ito upang maisagawa ang mga tagubilin tuwing ang isang susi ay pinakawalan pagkatapos ng pagpindot. Ipinapakita ng sumusunod na halimbawa ang pagtatrabaho ng kaganapan:

var a = 0 var b = 0 var c = 0 function changeBackground () {var x = document.getElementById ('bg') bg.style.backgroundColor = 'rgb (' + a + ',' + b + ',' + c + ')' a + = 1 b + = a + 1 c + = b + 1 kung (a> 255) a = a - b kung (b> 255) b = a kung (c> 255) c = b}

Output:

Pagkatapos mong magsulat ng isang bagay, ganito ang hitsura:

Kaganapan sa Onmouseover

Ang kaganapan sa onmouseover sa JavaScript ay tumutugma sa pag-hover ng mouse pointer sa elemento at mga anak nito, kung saan ito nakasalalay. Ang halimbawa ay ipinapakita sa ibaba:

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

Output:

Lumilitaw ang may kulay na kahon bago i-hover ang mouse. Sa sandaling i-hover mo ang mouse sa ibabaw ng kahon, nawala ito.

Kaganapan sa Onload

Ang kaganapan sa pag-load ay pinupukaw kapag ang isang elemento ay na-load nang kumpleto. Kumuha tayo ng isang halimbawa at tingnan kung paano ito gumagana:

Output:

Kaganapan sa Onfocus

Ang kaganapan ng Onfocus ay may isang listahan ng elemento na nagpapatupad ng mga tagubilin tuwing nakakatanggap ito ng pagtuon. Ipinapakita ng sumusunod na halimbawa kung paano gumagana ang kaganapan na onfocus:

naka-focus ang function () {var e = document.getElementById ('input') kung (kumpirmahin ('Focus Event')) {e.blur ()}}
Ituon ang Input Box:
 

Output:

Ito ang ilan sa mga madalas na nagamit na kaganapan sa JavaScript. Sa pamamagitan nito, natapos na kami sa aming artikulo. Sana naiintindihan mo kung ano ang mga kaganapan at kung paano ito ginagamit.

Suriin ang aming na kasama ng live na pagsasanay na pinamunuan ng magtuturo at karanasan sa proyekto sa totoong buhay. Ang pagsasanay na ito ay gumagawa sa iyo ng kasanayan sa mga kasanayan upang gumana sa back-end at front-end na mga teknolohiya sa web. Kabilang dito ang pagsasanay sa Pag-unlad sa Web, jQuery, Angular, NodeJS, ExpressJS, at MongoDB.

May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento ng blog na ito at babalikan ka namin.