API), en speciale evenementen in de API:,,,,,,,,,,,, delen, delen van,,,,,, het netwerk van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, pagina 's, voor het grootste deel, is een gebeurtenis.Als dit de bibliotheek die deze functie heel eenvoudig te begrijpen van de methode.In deze handleiding uit te breiden, zullen we in deze methode om je eigen gebruik van de gebeurtenissen een.,,, dat de gebeurtenissen in javascript javascript, in luxe, als je wilt dat een eenvoudige klik met je moet doen, de follow - up van de steun van alle browser elementen, de VAR - ELT = documenten. GetElementById ("# mybtn"); als (elt. AddEventListener) (elt. AddEventListener ("klik", functie) (signalering (knop klikken op ");} {}); anders ELT (de Engelse les. Attachevent). Attachevent (" onclick ", functie) (signalering (knop klikken op") {});}; anders elt.onclick = functie) (signalering (knop klikken op ");};}, nu de javascript voor het beheer van het project te helpen meer moeilijk te verteren.Zoals hierboven in dit beknopte doen, $("# mybtn"). Daarna (functie) (signalering (knop klikken op ");});, het maakt niet uit of je te bereiken, zijn er drie belangrijke onderdelen: de luisteraars, wachten op de gebeurtenissen, of" luisteren "gebeurtenissen, de verzender - een geval van verwerking het programma moet worden uitgevoerd wanneer de functie van vuur. En de gebeurtenissen wordt veroorzaakt, we op de gebeurtenissen in de handleiding te luisteren - evenement, wacht&#mybtn elementen worden aangegaan.Als&#mybtn element is aangegaan, zal het vuur procedures; in dit geval is een signalering () nieuws anoniem functioneren.,, stap 1: bladzijde: kunnen wij een stap, het creëren van eigen op de gebeurtenissen.In deze handleiding te gebruiken, zullen we een lijst toe te voegen, en van de lijst van de functie van wanorde, door middel van een bepaald geval, kan instorten en uitbreiding van de catalogus.Laten we beginnen met de structuur van de pagina 's van ons, zal in de komende gevallen gebruik;.Http: //europa.eu.int /publiek "doctype -//W3C//DTD XHTML 1,0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> < http: //europa.eu.int xmlns=" http://www.w3.org/1999/xhtml "xml:lang=" en "lang=" en "> < head> < title> c); Events< /title> < - http-equiv=" Inhoud "inhoud" firewall; charset = utf - 8: /> = < ";" text/css "> het {background: #fefefe; kleur: #111; font: 12px Ariel, helvetica, sans serif;} #tree {color: #333; line-height: 14px}.Directory {list-style-image: URL ('images/directory.png');}. {list-style-image: URL ('images/css.png');}. {list-style-image: URL ('images/html.png');} J 's {list-style-image: URL ('images/js.png');}.F, Papoea - Nieuw - Guinea, ik {list-style-image: URL ('images/image.png');} < /style> < /head> < body> < ul = "boom" > < li> root/< ul > < li> /index.html < /li> < li> about.html< /li> < li> gallery.html<; /li> < li> contact.html< /li> < li> ldpi /< ul > < li> images/< ul > < li> logo.png< /li> < li> background.jpg< /li> < /ul> < /li> < li> js/< ul > <; li> jquery.js< /li> < li> myscript.js< /li> < /ul> < /li> < li> css/;< ul > < li> page.css< /li> < li> typography.css< /li> < /ul> < /li> < /ul> < /li> < /ul> < /li> < /ul> < script Type = "tekst /javascript" src = "http://google.com/jsapi" > /script> <; < script type = "tekst /javascript" > Google. Belasting ("." "1"); google.setOnLoadCallback (functie) ($(functie) (addIcons ();}); de functie addIcons () {% ("#tree li").Each (functie) (als (% (dit) kinderen ("ul").Length) {% (dit).AddClass ("Gids");} anders {VAR txt =% (dit) ();.Text var fileType =En, substr (txt, ("") + 1% (dit));.AddClass (dossier);}});}}); < /scripts > < /body > < /html >, hier is ons gebruik van het creëren van Een willekeurige lijst de lijst is.We hebben met inbegrip van Google JSAPI CDN) en de zogenaamde addicons (), waardoor het beeld van elke dossiers en documenten die op grond van het dossier van de uitbreiding.Deze functie is om zuiver esthetische doeleinden.Dit is een speciaal geval code niet nodig, wij zullen binnenkort van kracht worden.De resultaten van deze stappen, kan worden beschouwd als hier.,,,,, stap 2:. () () en. Trigger, voordat we beginnen met de toevoeging van de lijst van voorbeelden van de gebeurtenissen ons, we moeten wat begrip. () () en de trigger.We gebruiken een gebeurtenis () worden alle elementen, die momenteel in de pagina 's.Gebruik dan. Als je wil. () van de gebeurtenissen.Laten we kijken naar een voorbeeld zien, $("# mybtn"). Bindende ("klik" functie (evt) (signalering (knop klikken op ");}); $("&#mybtn "). De trekker (" klik "); in dit deel van de code, wanneer de elementen met mybtn" klik "een id, een waarschuwing.Trouwens, onze trigger () in feite zal vuur - evenement als de belasting onmiddellijk blz.Maar onthoud, hoe je een evenement ().Ondertussen, trigger (), heeft je gedwongen gebeurtenissen uitvoert.,, stap 3: gebruik van gebeurtenissen worden gebruikt. () () () en het vaststellen van methode.,, niet alleen in de browser gebeurtenissen, maar kunnen worden gebruikt om de uitvoering van je eigen op de gebeurtenissen.Laten we beginnen met de gebeurtenis die de ineenstorting van een gewoonte, en tot de uitbreiding, onze lijst van voorbeelden van, ten eerste, laten we met de ineenstorting van de gebeurtenissen, op onze lijst catalogus van alle chaos, $("de moeder van Lee&#boom"). Bindende ("instorting" functie (evt) {vinden we. Hier zijn de ouders van het incident in de naam,, elementen in de methode ().We hebben de eerste parameter, evt. Het is het voorwerp van dit incident, $(evt. Doel van de kinderen). () () (). Slideup..addClass ("instorting");, kiezen we nu de doelstellingen van de gebeurtenissen en de dia 's van alle kinderen.Trouwens, we hebben een klasse van de CSS, ingestort, onze gids, bindende elementen.}). ("de uitbreiding", de functie (evt) {, zijn we met de uitbreiding van de gebeurtenissen, die, in de lijn van de gebeurtenis. En $(evt. Doel van de kinderen). () (). Slidedown. (("). RemoveClass ineenstorting");});, in tegenstelling tot we de ongelukken, de gebeurtenis in een gebeurtenis, de uitbreiding, we glijden alle kinderen van de lijst schrappen elementen en elementen, de ineenstorting van onze doelstellingen, van de elementen.Zet het in elkaar. En $("de moeder van Lee&#boom"). Bindende ("instorting" functie (evt) {% (evt. Doel van de kinderen). () () (). Slideup..addClass ("instorting");}). Bindende ("de uitbreiding" functies (evt.) {% (evt. Doel van de kinderen). () (). Slidedown. (). RemoveClass ("instorting");}); deze code zelf, maar niet als we niets doen omdat de ineenstorting van gebeurtenissen, en tot de uitbreiding, onbekend is, weten niet wanneer ze worden gestuurd.Dus hebben we bij ons. Het vaststellen van () methode, laten we deze gebeurtenissen, $("# boom. De moeder van Lee"). Bindende ("instorting" functie (evt) {% (evt. Doel van de kinderen). () () (). Slideup..addClass ("instorting");}). ("de uitbreiding" functies (evt.) {% (evt. Doel van de kinderen). () (). Slidedown. (). RemoveClass ("instorting");})). - (functie) (///////- dollar (dit). De trekker ("instorting");}, functie () {% (dit). ("de uitbreiding") van de trekker;}); als we de werking van deze code, onze gids zal nu - als op de schietpartij tussen, instorten, en uitbreiding van de gebeurtenis.Maar als je op een nest van de catalogus, zal je zien dat we de gebeurtenissen in feite elke klik vele malen beschoten.Dit is omdat de gebeurtenis die gebeurtenissen te vangen en bel.,,, als je op een pagina elementen, gebeurtenissen of gevangen genomen, toerisme, van de top is er een incident in verband met het doelwit.En dan terug naar de bovenste verdieping van onze doelstellingen, bijvoorbeeld de schuim. En als we op de CSS /MAP, onze activiteiten worden door de wortel /activa /en CSS /.En dan, schuim CSS /activa /, en daarna /.Daarom is de uitvoering van het programma, de behandeling van drie keer.We kunnen door de toevoeging van een eenvoudige verwerking van de juiste voorwaarden in de doelstellingen, als (evt.target = = evt. currentTarget) {(evt. Doel van de kinderen). () () (). Slideup..addClass ("instorting");}, deze code zullen worden getoetst aan de vastgestelde doelstellingen van de huidige doelstellingen van elk geval, of currentTarget.Als we een race, alleen zo 'n script ineenstorting.Na de ineenstorting van de vernieuwing en uitbreiding van het,, de pagina 's, gebeurtenissen, zal de gewenste functie.,, een voor een gebeurtenis, een gebeurtenis op de achtergrond.Een speciaal geval, ongevallen en uitgebreid, is niet duidelijk.De toevoeging van een speciaal geval namespace: de structuur van de naam van de gebeurtenis, en, ten tweede, de namespace.We moeten onze ruimte treeevent genoemd, omdat onze activiteiten namens de acties en een boom in de structuur van de functie van de map.Als we de code heeft toegevoegd aan de namespace zal onze incident, maar het ziet er zo uit, $("de moeder van Lee&#boom"). Bindende (instorten. Treeevent "functies (evt) {als (evt.target = = = = = = = evt. currentTarget) {% (evt. Doel van de Kinderen). Slideup () ().. (de).AddClass (" instorting ");}}). Bindende (" de uitbreiding. Treeevent "functies (evt) {als (evt.target = = = = = = = evt. currentTarget) {% (evt. Doel van de kinderen). () (). Slidedown. (). RemoveClass (" instorting "); {}). - (functie) ($(dit). De trekker (instorten. Treeevent");}, functie () {% (dit). De trekker ("uit te breiden. Treeevent");}); we moeten veranderen, is in het geval van naam. () () en voor de ineenstorting van de trekker,., en, de uitbreiding van de gebeurtenissen.We hebben nu een voorbeeld van de gebeurtenissen te gebruiken, een opmerkelijk is, kunnen we gemakkelijk door gebruik te maken van elementen in de opheffing van bepaalde gebeurtenissen met ontbinden () het schrappen van de gebeurtenissen. $("# boom, de moeder van Lee"). De annulering van bindende (instorten. Treeevent "); ///////heffen de instorting gebeurtenissen ("&#dollar. De moeder van Lee "("). De bevrijding. Treeevent "); ///////schrapping van alle gebeurtenissen in de treeevent namespace < /P >,, speciale evenementen API, een andere manier Om te voorzien in de belangrijkste gebeurtenissen is het gebruik van API speciale gebeurtenissen.Niet te veel literatuur over deze API, maar Brandon Aaron, is de kern van een bijdrage geleverd, schreef twee uitstekende blog (http://brandonaaron.net/blog/2009/03/26/special-events en http://brandonaaron.net/blog/2009/06/4/jquery-edge-new-special-event-hooks), om ons te helpen begrijpen.Hier is een makkelijke manier uitleggen.,, toevoeging van soortgelijke instellingen, maar in elke geval bindend, als het geval is voor het schrappen van soortgelijke verwijderen, maar, voor elk geval bindend, verwijderen "als het geval is, de procedure. Als de gebeurtenissen hebben.,, nu, laten we eens kijken hoe we zullen We op de gebeurtenissen kan voor een speciale gebeurtenis, we bellen, togglecollapse,., jquery.event.special.togglecollapse = {geregeld: functie (data, attributen namespace) {(VAR I in de namespace) {als (namespace [M] = =" treeevent ") {') ("): de bindende (horen. Geluid,. Gebeurtenissen. De speciale. Togglecollapse. Treeevent;}}}. Contactpersoon: functie), demonteren (namespace) {voor(VAR I in de namespace) {als (namespace [M] = = "treeevent") {') ("). De bevrijding van (klik geluiden gehoord, onze gebeurtenissen. Speciaal. Togglecollapse. Treeevent;}}}. Procedure), treeevent:{verwerkt (gebeurtenissen) {als (event.target = = gebeurtenissen. CurrentTarget) {VAR ELT =) (de); var cssclass =" instorting "; als (elt. Hasclass (cssclass)) {elt. Kinderen () () (). Slidedown. (;). RemoveClass cssclass) of (elt. Kinderen () () (). Slideup..addClass (cssclass);} event.type =" togglecollapse "; onze gebeurtenissen. Voor. De aanvraag (dit argument);}}}}; $(" de moeder van Lee,&#boom ") (" togglecollapse gebonden. Treeevent "functies (evt) {});Kijk, laten we een periode van jquery.event.special.togglecollapse = {, geregeld: functie (data, attributen namespace) {(VAR I in de namespace) {als (namespace [M] = = "treeevent") {') (dit). Bindende (klik geluiden gehoord, onze speciale gebeurtenissen. Treeevent Handler. Togglecollapse.);}}},,, eerste rij, jquery.event.special.togglecollapse, het creëren van een nieuwe speciale evenementen, togglecollapse,.En dan hebben we ons voor de installatie van deze gebeurtenissen, die alle attributen namespace.Als dat treeevent, het klikt, gebonden met elementen van deze oproep, zal, zodra een jquery.event.special.togglecollapse.treeevent.handler, het incident.Dat is ons gebruik van klikt als schakel tussen de functie van (de) tegen we gebruik maken van het toilet.Dit is omdat de schakel tussen () niet het geval, maar een wisselwerking tussen de ondersteunende functie, demontage: functie (namespace (VAR) {voor I in de namespace) {als (namespace [M] = = "treeevent") {') ("). De bevrijding van (klik geluiden gehoord, onze gebeurtenissen. Speciale. Togglecollapse. Treeevent. Contactpersoon);}}}, hebben we een methode voor het verwijderen van de methode voor de installatie van die vergelijkbaar zijn met die van ons, maar wij zullen het ontbinden van bij de klik van alle elementen treeevent:{verwerkt (gebeurtenissen) {als (event.target = = gebeurtenissen. CurrentTarget) {VAR ELT =) (de); var cssclass =". "; als (elt. Hasclass (cssclass)) {elt. Kinderen () () (). Slidedown. (;). RemoveClass cssclass) of (elt. Kinderen () (). Slideup addcl. ().De ezel (cssclass);} event.type = "togglecollapse"; onze gebeurtenissen. Voor. De aanvraag (dit argument);}}}};, hier is ons gebruik van treeevent namespace abstracte procedures.In de programma 's, schakelen we over de ineenstorting van de staat en de uitbreiding afhankelijk is van die elementen bevat van de CSS "instorting".Tot slot, zetten we de aard van de gebeurtenis, van onze activiteiten, de naam van de togglecollapse, en het gebruik van toepassing zijn () methode voor het uitvoeren van call - back - parameters, hebben we deze uitzonderlijke gebeurtenis. $("# boom, de moeder van Lee" ("), togglecollapse gebonden. Treeevent" functies (evt) {}); en, ten slotte, we met onze speciale activiteiten van onze lijst, in de gids.Het resultaat kan worden gezien als hier.,, meer middelen, zijn de volgende aanvullende middelen, vind je misschien nuttig werk en een speciaal geval was. Bedankt voor het lezen.,: het geval -, dit doel in deze gebeurtenissen, op de gebeurtenissen, prototypes, speciaal geval, op Twitter ons volgen, of abonnementen voor de beste ontwikkeling van de website online lessen, Nettuts+ RSS.