„JavaScript“ perkėlimas iš tinklalapio

Tai yra negerai būdas naudoti onclick, nebent atribute href yra tikras prasmingas adresas, kad tie, kurie neturi „JavaScript“, būtų kur nors perkelti, kai spustelėja nuorodą. Daugelis žmonių iš šio kodo taip pat nepalieka „return false“ ir stebisi, kodėl dabartinio puslapio viršus visada įkeliamas pasibaigus scenarijui (tai yra tai, ką href='#' nurodo puslapiui, nebent „false“ grąžinamas iš visų įvykių tvarkytojų. Žinoma, jei nuorodos paskirties vieta yra kažkas prasmingo, galbūt norėsite ten patekti paleidę onclick kodą ir tada jums nereikės „return false“.

Daugelis žmonių nesuvokia, kad prie „onclick“ įvykių tvarkyklės galima pridėti bet koks HTML žymą tinklalapyje, kad galėtumėte sąveikauti, kai lankytojas spustelėja tą turinį. Taigi, jei norite, kad kažkas būtų paleista žmonėms spustelėjus vaizdą, galite naudoti:

Jei norite ką nors paleisti žmonėms spustelėjus tekstą, galite naudoti:

Žinoma, tai nesuteikia automatinio vaizdinio užuominos, kad lankytojui spustelėjus juos taip, kaip daroma nuoroda, bus atsakas, bet jūs galite pakankamai lengvai pridėti tą vaizdinį užuominą, atitinkamai pritaikydami vaizdo stilių arba diapazoną.

Kitas dalykas, į kurį reikia atkreipti dėmesį apie šiuos onclick įvykių tvarkyklės pridėjimo būdus, yra tai, kad jiems nereikia „return false“, nes nėra numatytojo veiksmo, kuris įvyktų spustelėjus elementą, kurį reikia išjungti.

Šie onclick pridėjimo būdai yra didelis daugelio žmonių naudojamo prasto metodo patobulinimas, tačiau tai dar toli nuo geriausio būdo koduoti. Viena iš problemų, susijusių su „onclick“ pridėjimu naudojant bet kurį iš aukščiau pateiktų metodų, yra ta, kad jis vis dar maišo „JavaScript“ su HTML. paspaudus yra ne HTML atributas, tai yra JavaScript įvykių tvarkyklė. Norėdami atskirti „JavaScript“ nuo HTML, kad puslapį būtų lengviau prižiūrėti, turime perkelti „onclick“ nuorodą iš HTML failo į atskirą „JavaScript“ failą, kur ji priklauso.

Lengviausias būdas tai padaryti yra pakeisti onclick HTML id tai leis lengvai prijungti įvykių tvarkyklę į atitinkamą HTML vietą. Taigi mūsų HTML dabar gali būti vienas iš šių teiginių:

Tada galime užkoduoti „JavaScript“ atskirame „JavaScript“ faile, kuris yra susietas su puslapio turinio apačioje arba yra puslapio antraštėje ir kuriame mūsų kodas yra funkcijos viduje, kuri pati iškviečiama baigus įkelti puslapį. . Mūsų „JavaScript“, skirtas pridėti įvykių tvarkykles, dabar atrodo taip:

Reikia atkreipti dėmesį į vieną dalyką. Pastebėsite, kad onclick visada rašėme tik mažosiomis raidėmis. Koduodami teiginį savo HTML pamatysite, kad kai kurie žmonės jį rašo kaip onClick. Tai neteisinga, nes „JavaScript“ įvykių tvarkyklių pavadinimai rašomi mažosiomis raidėmis ir nėra tokios tvarkyklės kaip onClick. Galite apsisaugoti, jei į HTML žymą įtrauksite „JavaScript“, nes HTML neskiria didžiųjų ir mažųjų raidžių, o naršyklė susies jį su tinkamu pavadinimu. Negalite išvengti netinkamo didžiųjų raidžių rašymo pačiame „JavaScript“, nes „JavaScript“ yra didžiosios ir mažosios raidės, o „JavaScript“ nėra tokio dalyko kaip onClick.

Šis kodas yra didžiulis patobulinimas, palyginti su ankstesnėmis versijomis, nes dabar įvykį pridedame prie tinkamo HTML elemento ir turime visiškai atskirtą nuo HTML JavaScript. Tačiau mes galime tai dar labiau pagerinti.

Viena likusi problema yra ta, kad prie konkretaus elemento galime pridėti tik vieną onclick įvykių tvarkyklę. Jei prie to paties elemento bet kuriuo metu turėtume pridėti kitą onclick įvykių tvarkyklę, anksčiau pridėtas apdorojimas nebebus pridedamas prie to elemento. Kai į savo tinklalapį pridedate įvairių scenarijų skirtingais tikslais, bent jau yra tikimybė, kad du ar daugiau iš jų norės atlikti tam tikrą apdorojimą, kuris turi būti atliktas spustelėjus tą patį elementą. Netvarkingas šios problemos sprendimas yra nustatyti, kur susidaro ši situacija, ir suderinti apdorojimą, kurį reikia suvienyti su funkcija, kuri atlieka visą apdorojimą.

Nors tokie susidūrimai yra retesni naudojant „onclick“ nei „onload“, iš anksto nustatyti susidūrimus ir juos sujungti nėra idealus sprendimas. Tai visai nėra sprendimas, kai tikrasis apdorojimas, kurį reikia prijungti prie elemento, laikui bėgant keičiasi taip, kad kartais reikia atlikti vieną, kartais kitą, o kartais ir vieną, ir kitą.

Geriausias sprendimas yra visiškai nustoti naudoti įvykių tvarkyklę, o vietoj jos naudoti JavaScript įvykių klausytoją (kartu su atitinkamu Jscript įvykiu, nes tai yra viena iš tų situacijų, kai JavaScript ir JScript skiriasi). Tai galime padaryti lengviausia pirmiausia sukūrę funkciją addEvent, kuri pridės įvykių klausytoją arba priedą, priklausomai nuo to, kurią iš dviejų palaiko paleista kalba;

Dabar galime pridėti apdorojimą, kurio norime, kad įvyktų, kai spustelėsite mūsų elementą naudodami:

Naudojant šį kodo, kuris bus apdorojamas spustelėjus elementą, pridėjimo metodą reiškia, kad dar vienas addEvent iškvietimas, kad būtų pridėta kita funkcija, kuri bus paleista spustelėjus konkretų elementą, ankstesnis apdorojimas nepakeis nauju apdorojimu, bet leis. abi turimos vykdyti funkcijos. Nereikia žinoti, kai iškviečiame addEvent, ar jau turime prie elemento prijungtą funkciją, kuri paleidžiama jį spustelėjus. Naujoji funkcija bus paleista kartu su anksčiau pridėtomis funkcijomis.

Ar mums reikia galimybės pašalinti funkcijas iš to, kas paleidžiama spustelėjus elementą, tada galėtume sukurti atitinkamą deleteEvent funkciją, kuri iškviečia atitinkamą funkciją, skirtą įvykių klausytojui arba pridedamam įvykiui pašalinti?

Vienas šio paskutinio apdorojimo prijungimo būdo trūkumas yra tas, kad tikrai senos naršyklės nepalaiko šių santykinai naujų įvykių apdorojimo prijungimo prie tinklalapio būdų. Šiuo metu turėtų būti pakankamai mažai žmonių, naudojančių tokias pasenusias naršykles, kad jų nepaisytų J(ava)Script, kurį rašome, išskyrus kodo rašymą taip, kad tai nesukeltų daugybės klaidų pranešimų. Aukščiau pateikta funkcija parašyta taip, kad nieko neveiktų, jei nepalaikomas nė vienas iš jos naudojamų būdų. Dauguma šių tikrai senų naršyklių taip pat nepalaiko HTML nuorodų metodo getElementById, todėl paprasta if (!document.getElementById) return false; taip pat būtų tinkama bet kurios iš jūsų funkcijų, atliekančių tokius skambučius, viršuje. Žinoma, daugelis žmonių, rašančių „JavaScript“, nėra tokie dėmesingi tiems, kurie vis dar naudoja senovines naršykles, todėl šie vartotojai turi būti pripratę matyti „JavaScript“ klaidas beveik kiekviename tinklalapyje, kurį lanko.

Kurį iš šių skirtingų būdų naudojate, kad pridėtumėte apdorojimą prie savo puslapio, kuris būtų paleistas lankytojams spustelėjus ką nors? Jei tai darote arčiau puslapio viršuje pateiktų pavyzdžių, o ne puslapio apačioje, galbūt laikas pagalvoti apie tai, kaip patobulinti rašymo būdą, kaip rašyti „onclick“ apdorojimą ir naudoti vieną iš geresnių metodų. pateiktas puslapio apačioje.

Žvelgdami į kelių naršyklių įvykių klausytojo kodą pastebėsite, kad yra ketvirtasis parametras, kurį mes iškvietėme uC , kurio naudojimas nėra akivaizdus iš ankstesnio aprašymo.

Naršyklės turi dvi skirtingas tvarkas, pagal kurias jos gali apdoroti įvykius, kai įvykis suaktyvinamas. Jie gali veikti iš išorės į vidų nuo žymos iki žymos, kuri suaktyvino įvykį, arba gali veikti iš vidaus, pradedant nuo konkretiausios žymos. Šie du vadinami užfiksuoti ir burbulas atitinkamai ir daugumoje naršyklių, nustatant šį papildomą parametrą, galima pasirinkti, kuris užsakymo kelių apdorojimas turi būti vykdomas.

• uC = teisingas apdorojimas fiksavimo etape
• uC = false apdoroti burbulo fazės metu.

Taigi, kai aplink žymą, su kuria buvo suaktyvintas įvykis fiksavimo fazėje, yra apvyniotos kelios kitos žymos, pirmiausia paleidžiama pradedant nuo tolimiausios žymos ir pereinama link tos, kuri suaktyvino įvykį, o tada, kai žyma, prie kurios buvo pridėtas įvykis, yra apdorota. burbulo fazė apverčia procesą ir vėl užgęsta.

„Internet Explorer“ ir tradicinės įvykių tvarkyklės visada apdoroja burbulo fazę, o ne fiksavimo fazę, todėl visada pradėkite nuo konkretiausios žymos ir nukreipkite ją į išorę.

Taigi su įvykių tvarkytojais:

paspaudę ant xx pirmą kartą suaktyvintų įspėjimą („b“), o po to – įspėjimą („a“).

Jei tie įspėjimai buvo pridėti naudojant įvykių klausytojus su „uC true“, visos šiuolaikinės naršyklės, išskyrus „Internet Explorer“, pirmiausia apdorotų įspėjimą („a“), o po to – įspėjimą („b“).