Orokorra: Artikulu honetan nabigatzailean gertakizunen JavaScript buruz eztabaidatu dugu. Java script ekitaldiak oso garrantzitsuak dira zeregin gehienak egiten dutenez. Beste puntu garrantzitsu nabigatzaileak bateragarritasuna da. java gidoia html fitxategiak txertatuta dagoen bezala, java script exekuzioa nabigatzaileak menpeko da. Java gidoiak halaber nahikoa nabigatzailean ekitaldiak kudeatzeko ondua dira.
Sarrera:
nabigatzaileak gertaera A aplikazioaren nabigatzailean kasuan ekintza bat egiten da seinale bat da. Ekitaldi hauek mota hauetako dira
- DOM Ekitaldiak: Hauek dira DOM elementu adibidez hasitako. click gertaera bat abiarazi elementu bat sakatzen edo ekitaldi baino sagu bat abiarazi da kurtsorea elementu bat on gainean. Ekitaldi hauek konektatu java script kode bat dokumentuarekin.
- Leiho Ekitaldiak: Hauek dira abian denean nabigatzaileak leihoaren tamaina aldatzen.
Zer dira gertaerak?
Gertaera bat izango seinale bat bidaltzen duten java script den ekintza / lan bezala definitu daiteke. Orain java script gertaera batzuk erantzunez exekutatzen. Baina gertaera erregistratuta egon beharko seinalea bidaltzeko dagozkien java script osagai. Honako hauek dira ekitaldi batzuk.
Leiho ekitaldiak: Ekitaldi hauek abian denean nabigatzailean leiho tamaina aldatu.
DOM ekitaldiak: Hauek dira abian denean DOM elementu bat ekintza batzuk burutzen ari da.
Beste ekitaldiak: Ekitaldi hauek dira beste ekitaldi mota guztiak kontuan hartuta gain gainetik bi.
Gertaera kudeatzaileen: ez dagoela Java eta Java script arteko aldea handia da ulertu behar dugu. Java, multi hariztaketa posible da baina java script ekitaldiak bakar bat gaika daude. Beraz, gertaera kudeatzaileen sekuentzialki exekutatzen direneko. hura argitzeko, utzi Erabiltzaile bat bi ekitaldi egin ditu bere gain hartzen, mouseover eta gero mousemove. Beraz mouseover gertaera exekutatuko da lehenengo. lehen ekitaldia amaitu eta gero, mousemove gertaera exekutatu egingo dira.
gidoi bat du ekintza bat egiteko ekitaldi bat aurka bada, horri lotutako funtzio bat izan behar du. Funtzio horiek gertaera kudeatzaileen gisa aipatzen. Normalean, funtzio horiek formatu honetan izendatzen dira - EVENT_NAME adib on. onclick etc. Gertaera java script kudeatzaileen bakar bat gaika dira eta sekuentzialki exekutatzen direneko. Horregatik, bada, bi gertaera aldi berean gertatzen, beren kudeatzaileen exekutatuko dira bata bestearen ondoren. Modu asko daude bertan, gertakari kudeatzaileak esleitutako. These are.
HTML etiketa erabiliz: gertaera kudeatzailea zuzenean lotutako daiteke ere marka to-ekitaldi atributurik erabiliz.
Listing 1: Event handler using html tag
[Code]
<sarrera id = “b1” balio = “Egin klik me” onclick = “Alerta('Eskerrik asko! Nago, bertan klik. ‘); ” mota = “botoia” />
[/Code]
Kode hori exekutatzean, botoi bat ikusiko dugu etiketa bat – 'Klik me'. erabiltzaileari botoi hau hits alerta leiho bat bada mezu batekin – Eskerrik asko! Nago, bertan klik. ere deitu ahal izango dugu ekitaldi manipulatzeko funtzio bat. Demagun ondoko kodea
Listing 2: Event handler funtzioa erabiliz
[Code]
| <!DOCTYPE HTML> | |||||||||||||||
| <html> | |||||||||||||||
| <burua> | |||||||||||||||
| <script type =”testu / javascript”> | |||||||||||||||
| function count_rabbits() { | |||||||||||||||
| for(var i = 1; i <= 3; i ) { | |||||||||||||||
| Alerta( “Rabbit “+i ” kapela daudelarik!” ) | |||||||||||||||
| } | |||||||||||||||
| } | |||||||||||||||
| </script> | |||||||||||||||
| </burua> | |||||||||||||||
| <body> | |||||||||||||||
| <input type = “botoia” onclick = “count_rabbits()” balio = “Diruz untxiak!”/> | |||||||||||||||
| </body> | |||||||||||||||
| </html>[/Code]Beste hurbilketa gertaera lotu da this.innerHTML kontsultatzen hau uneko elementua aipatzen. Ondorengo kodea ilustratzen honetanListing 3: Event handler this.innerHTML erabiliz
[Code] <botoia onclick = “Alerta ( this.innerHTML )”> Egin klik me me ikusteko </botoia> [/Code] DOM Object Jabetza erabiliz: Hemen esleipena jabetza erabiliz egin da – onevent. Kasu honetan lehenengo elementua eskuratu eta gero handler bat esleitzeko jabetza onevent behar dugu. The following code is an example of setting a click handler to the element with id ‘myId’ Listing 4: Event handler DOM Object Jabetza erabiliz [Code] <sarrera id = “myId” mota = “botoia” balio = “sakatu me”/> <script> document.getElementById( ‘ myId ‘ ).onclick = funtzioa() { Alerta('Eskerrik asko') } </script> [/Code] Hemen bi gauza hauek orden hau erabili ahal izateko, adierazi behar – · It is a property, Ez atributu bat, eta bere izena onevent da eta hori da kasu sentikorra eta minuskulatan izan behar. · The handler should be a function not a String. nabigatzailea HTML marka ere onevent atributu bat aurkitzen duenean, bere edukia erabiliz funtzio bat sortzen da, eta esleitzen da jabetza. Beraz, honako bi kodeak gauza bera egiten Listing 5: Event handler bakarrik HTML erabiliz [Code] <input type = “botoia” onclick = “Alerta( 'klik!’ )” balio = “Button”/> [/Code] Listing 6: Event handler HTML erabiliz & JS. [Code] <input type = “botoia” id = “botoia” balio = “Button”/> <script> document.getElementById('Botoia').onclick = funtzioa() { Alerta('klik!’) } </script> [/Code] Javascript markaketa girotutako handler bat gainidazten. Hurrengo mozkina berri batekin markaketa handler bat ordezkatzen du Listing 7: handler multzo bat Gainidatzi. <input type =”botoia” onclick =”Alerta('Aurretik')” value=”sakatu me”/> <script> document.getElementsByTagName('Sarrera')[0].onclick = funtzioa() { Alerta('Ondoren') } </script> [/Code] metodo bereziak erabiliz: konplexua JavaScript aplikazio batean, non interfazea metodo desberdinak kudeatzeko ekitaldi komun metodoak Ohiko kudeatzaileen esleitzeko erabiltzen dira. Microsoft irtenbide bat bakarrik IE bertsioarekin baino gutxiago lan egiten ematen du 9 eta Opera gainera. Kudeatzaileak esleitutako eta azpian bezala askatuta Listing 8: Erantsiz eta kudeatzaileen kendu element.attachEvent( “an” + Ekitaldia, handler) [/Code] Handler bat kentzen – [Code] element.detachEvent( “an” + Ekitaldia, handler) [/Code] erantsi gertaera erabiliz, anitz kudeatzaileen esleitu ahal izango elementu beraren dugu. Jarraian kode hau erakusten Listing 9: anitz kudeatzaileen esleitzea elementu bat. [Code] <sarrera id = “myElement” mota = “botoia” balio = “sakatu me” /> <script> var myElement = document.getElementById( “myElement” ) zen interpretazio = funtzioa() { Alerta( 'Eskerrik asko!’ ) } ziren lanbideak 2. = funtzioa() { Alerta( 'Eskerrik asko berriro!’ ) } myElement.attachEvent( “onclick”, handler) myElement.attachEvent( “onclick”, handler2) </script> [/Code] Erantsi ekitaldiak ez du gainditu parametroa 'hau'. W3Cren estandar bakoitzeko honako handler esleipena egiten du lan gaur egun erabiltzen dira ia nabigatzaile guztiak. Handler bat erantsiz Listing 10: Erantsiz eta kudeatzaileen w3c per gisa kendu element.addEventListener ( Ekitaldia, handler, fasea ) [/Code] elementu. removeEventListener ( Ekitaldia, handler, fasea ) [/Code]
Gertaera lotutako ekintzak: zaindu beharko dugu hurrengo lau ekintzetako bitartean ekitaldi lotutako ekintzak manipulazioa · Eman izena gertaera kudeatzailea: Hau da osagaien onevent jabetza adibidez ezarriz egin daiteke. onclick edo onkeypress etc. Hau arakatzaile osoa egiten du lan, baina muga ere gertaera kudeatzaile bat bakarrik erantsi ahal elementu bat dugu ditu. erantsita ekitaldiak be antzeko moda detachEvent edo removeEventListener erabiliz kendu dezakezu. · Talde gertaera objektuaren: Nabigatzaile gehienek gainditu gertaera objektuaren kudeatzailea argumentu gisa. Hurrengo hiru ekitaldiak sortzen diren erabiltzaileak bere saguaren klik egiten badu. o Mousedown: adierazten ditu saguaren sakatzen da. o Mouseup: dela adierazten sagua askatzen. o Click: adierazten ditu saguaren klik egiterakoan. hau segidan gertatzen bada, hau adierazten klik bikoitza gertatu. · Extract information from the object – Hirugarren urratsa extract ekintza lotutako objektu batetik informazioa da eta ekintza ekiteko. · Inform about the completion of the event – Hau azken urratsa da. Gertaera enkantean Behin arrakastaz ekitaldia amaitzean markatzen da. Summary: eztabaida bukatzeko honako puntuak mantendu ahal izango dugu kontuan · Used to initiate an action which should be performed as per the customers need. · Events are of two types – DOM ekitaldiak eta leihoa ekitaldiak. · Event handlers are functions associated to events. · Event handlers are assigned in the following way o Using HTML tag o Using DOM object property o Using special methods |
||||
READ MORE JAVA SCRIPT ARTICLES
Java Script Design Patterns
CSS3 & JavaScript
Java Script and CSS3 properties
