Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • OS
  • Veprimi i Js hover. Kontrolli i një Uebfaqe me Ngjarjet jQuery

Veprimi i Js hover. Kontrolli i një Uebfaqe me Ngjarjet jQuery

SSH (anglisht Secure SHell - “ guaskë e sigurt») - protokolli i rrjetit niveli i seancës, duke lejuar telekomandë sistemi operativ dhe tunelizimi i lidhjeve TCP (për shembull, për transferimet e skedarëve). Ngjashëm në funksionalitet me protokollet Telnet dhe rlogin, por, ndryshe nga ata, ai kodon të gjithë trafikun, përfshirë fjalëkalimet e transmetuara. SSH lejon një zgjedhje të algoritmeve të ndryshme të kriptimit. Klientët SSH dhe serverët SSH janë të disponueshëm për shumicën e sistemeve operative të rrjetit.

SSH ju lejon të transferoni në mënyrë të sigurt pothuajse çdo protokoll tjetër rrjeti në një mjedis të pasigurt. Kështu, jo vetëm që mund të punoni nga distanca në kompjuterin tuaj nëpërmjet guaska komanduese, por gjithashtu transmetoni një transmetim audio ose video (për shembull, nga një kamerë në internet) përmes një kanali të koduar. SSH gjithashtu mund të përdorë kompresimin e të dhënave të transmetuara për kriptim të mëvonshëm, gjë që është e përshtatshme, për shembull, për fillimi në distancë Klientët e sistemit X Window.

Shumica e ofruesve të pritjes u ofrojnë klientëve qasje SSH në drejtorinë e tyre të shtëpisë për një tarifë. Kjo mund të jetë e përshtatshme si për të punuar linja e komandës, dhe për nisjen në distancë të programeve (përfshirë aplikacionet grafike).

Versioni i parë i protokollit, SSH-1, u zhvillua në 1995 nga studiuesi Tatu Ulönen në Universitetin e Teknologjisë së Helsinkit, Finlandë. SSH-1 u shkrua për të ofruar privatësi më të madhe se protokollet rlogin, telnet dhe rsh. Në vitin 1996, më shumë version i sigurt protokoll, SSH-2, i papajtueshëm me SSH-1. Protokolli fitoi edhe më shumë popullaritet, dhe deri në vitin 2000 kishte afërsisht dy milionë përdorues. Aktualisht, termi "SSH" zakonisht nënkupton SSH-2, sepse versioni i parë i protokollit në pamje mangësi të konsiderueshme tani praktikisht nuk përdoret.

Ditë të mbarë, abonentë kureshtarë dhe të ftuar të blogut. Sot do t'ju kalojmë nëpër një seksion të dobishëm në një gjuhë skriptimi të bazuar në prototip, domethënë ngjarjen e kalimit të miut JavaScript.

Unë dua që ju të keni një kuptim të mirë të ngjarjeve të tilla si klikimi, ngritja e miut, ulja e mausit, vendosja e miut dhe të tjera, të kuptoni ndryshimin midis tyre dhe të mësoni se si t'i përdorni ato për të zgjidhur problemet tuaja. Sigurisht, pas çdo materiali kryesor teorik mund të gjeni implementimi i softuerit shembuj. Epo, le të fillojmë!

Të gjitha informacionet rreth ngjarjeve të miut

Për miun, ka disa ngjarje që mbulojnë plotësisht të gjitha veprimet e mundshme të kursorit në faqe. Midis tyre janë ato që aktivizohen kur klikoni mbi një objekt, rri pezull mbi të ose lëviz treguesin përgjatë dritare e hapur. Ato mund të ndahen të gjitha në dy grupe: ngjarje të thjeshta dhe komplekse (të përbëra).

Le të fillojmë thjesht

Së pari, le të njihemi me ngjarje të thjeshta. Janë vetëm pesë prej tyre. Për lehtësi, kam përfshirë një përshkrim të secilit mjet në tabelën e bashkangjitur më poshtë.

Emri Përshkrim
mousedown Ngjarja e emërtuar thirret kur shtypet një nga butonat e miut, por nuk është lëshuar ende.
mouseup Dhe kjo funksionon kur lëshoni butonin e shtypur më parë.
mbi mouse Thirret kur kursori qëndron pezull mbi objektin që përpunohet.
mouseout Trajton veprimin e kursorit që largohet nga zona e elementit.
lëvizja e miut Çdo lëvizje e treguesit mbi një zonë të caktuar shkakton një ngjarje aktuale.

Epo, tani, për të konsoliduar materialin, le të shohim një shembull. Krijova një program të vogël në të cilin emocionet e një buzëqeshje ndryshojnë kur rri pezull dhe largohet kursorin.

Zhvendosni miun mbi imazhin dhe ai do të ndryshojë. Tani hiqeni mënjanë dhe shikoni funksionin e ndryshimeve ChangeOver(x) ( x.src= "http://storage2.vsemayki.ru/images/0/0/514/514012/previews/sign_front_white_500.jpg"; ); funksioni ChangeOut(x) ( x.src= "http://storage2.vsemayki.ru/images/0/0/514/514102/previews/sign_front_white_500.jpg"; )

Është koha për t'u grupuar

Tani le të kalojmë në pamje komplekse. Secila prej këtyre ngjarjeve përfshin disa të thjeshta. Në këtë rast, të gjithë përbërësit e një ngjarje komplekse nuk ndizen njëkohësisht, por janë të rreshtuar në një radhë. Prandaj, ndonjëherë mund të vëzhgoni një situatë të tillë që kur klikoni shpejt, për shembull, në artikujt e menusë së faqes në internet, klikimet ndonjëherë nuk funksionojnë.

Pse është kështu? Përgjigja është mjaft e thjeshtë.

Ngjarjet përpunohen me një shpejtësi të caktuar maksimale të lejueshme. Dhe mos harroni se ngjarjet përpunohen një nga një. Kjo do të thotë se nëse shtypni shumë shpejt elemente të ndryshme zinxhiri i përpunimit mund të mos përfundojë plotësisht.

Pra, më poshtë janë ngjarjet përbërëse.

Siç e kuptoni tashmë, ngjarjet komplekse e bëjnë jetën e zhvilluesve disi më të lehtë duke përfshirë menjëherë një sërë ngjarjesh të thjeshta të nevojshme. Si rezultat, sot askush nuk mund ta imagjinojë përpunimi konvencional butona ose elementë të tjerë pa të njëjtin klikim.

Për njohje praktike me funksionimin e ngjarjeve të mësipërme, modifikova aplikimi i mëparshëm. Analizoni rezultatin e punës sime.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Shembull i qëndrimit pezull mbi një element faqeje

Shembull i qëndrimit pezull mbi një element faqeje Klikoni mbi mua një herë dhe buzëqeshja do të buzëqeshë! Tani klikoni mbi mua klikoni dy herë dhe buzëqeshja do të fillojë të lëvizë! Nëse dëshironi të ktheheni në gjendjen fillestare, atëherë kliko me të djathtën mbi mua! funksioni Smile() ( document.getElementById("pic").src= "http://storage2.vsemayki.ru/images/0/0/514/514012/previews/sign_front_white_500.jpg"; ); funksioni Cry() ( document.getElementById ("pic").src= "http://storage2.vsemayki.ru/images/0/0/514/514102/previews/sign_front_white_500.jpg"; ); funksioni Move() ( document.getElementById("pic").src= "https://otvet.imgsmail.ru/download/197747824_e708b2123d2b2d745d271f15cb144dcc_800.gif"; );

Siç mund ta shihni, gjithçka është shumë e thjeshtë. Këta elementë janë të lehtë për t'u thirrur në kod dhe për t'i lidhur ato me veprime specifike.

Ngjarjet jQuery ndihmojnë që faqet e internetit të jenë ndërvepruese duke iu përgjigjur veprimeve të thjeshta të përdoruesit. Ngjarjet përfaqësojnë momentin e saktë në të cilin ndodh diçka, siç është një klikim i mausit.

Momenti në të cilin ndodh një ngjarje quhet nxitje e ngjarjes. Ngjarjet mund të aktivizohen kur kryhen operacione të ndryshme në një faqe interneti. Përveç kësaj, vetë shfletuesi mund të bëhet një burim ngjarjesh.

Kontrolli i një Uebfaqe me Ngjarjet jQuery 1. Ngjarjet e miut

.kliko()
Kjo ngjarje aktivizohet kur shtypni dhe lëshoni butonin e miut. Zbatohet për lidhjet, imazhet, butonat, paragrafët, blloqet, etj.

.dblclick()
Ngjarja aktivizohet kur klikoni dy herë dhe lëshoni butonin e miut, për shembull, duke hapur një dosje në desktop.

.mousedown()
Ngjarja ndodh kur shtypet një buton i miut, si për shembull kur zvarriten elementët.

.mousemove()
Ngjarja aktivizohet kur lëvizni treguesin e miut nëpër faqe.

.mouseout()
Ngjarja aktivizohet kur largoni treguesin e miut nga elementi.

.mouseover()
Ngjarja aktivizohet kur kaloni pezull mbi një element (e ngjashme me përdorimin e pseudo-klasës :hover).

.mouseup()
Ngjarja ndizet kur lëshoni butonin e miut.

2. Ngjarjet e dokumentit/dritares

.load()
Ngjarja aktivizohet kur shfletuesi ka ngarkuar të gjithë skedarët e faqes së internetit: skedarët html, css e jashtme Dhe skedarët javascript, skedarë mediash. Kjo mund të jetë e papërshtatshme nëse faqja e internetit përmban nje numer i madh i dosjet. Për të zgjidhur këtë problem, mund të përdorni funksionin gati(), i cili ekzekuton skriptet menjëherë pas ngarkimit të kodit html.

.size ()
Ngjarja aktivizohet kur ndryshoni madhësinë e dritares së shfletuesit.

.scroll()
Ngjarja aktivizohet kur përdorni shiritat e lëvizjes ose lëvizni një faqe interneti duke përdorur timonin e miut ose përdorni tastet e tastierës (fq lart, fq dn, shtëpi, fund) për këtë qëllim.

.shkarkoj()
Ngjarja ndizet kur jeni gati të largoheni nga një faqe, klikoni një lidhje për të shkuar në një faqe tjetër ose mbyllni një skedë faqeje ose dritare të shfletuesit.

3. Formoni ngjarje

.blur()
Ngjarja aktivizohet kur fusha e formës del jashtë fokusit, d.m.th. i keni futur të dhënat në fushën e formularit dhe keni kaluar në një tjetër.

.ndryshim ()
Ngjarja aktivizohet kur ndryshon statusi i një fushe formulari, për shembull kur një artikull zgjidhet nga një meny rënëse.

.fokus()
Ngjarja aktivizohet kur lundroni në një fushë formulari duke klikuar butonin e miut ose duke përdorur tastin tab.

.reset()
Ngjarja ju lejon të ktheni formularin në gjendjen e tij origjinale, duke anuluar ndryshimet e bëra.

.select()
Ngjarja ndizet kur theksoni tekstin brenda fushë teksti forma.

.submit()
Ngjarja aktivizohet kur dorëzoni një formular të plotësuar duke klikuar butonin Submit ose duke shtypur Enter ndërsa kursori vendoset në një fushë teksti.

4. Ngjarjet e tastierës

.keydown()
Ngjarja ndizet kur shtypet një tast, përpara ngjarjes së shtypjes së tastit.

.shtypja e tastierës ()
Ngjarja ndizet kur shtypni një buton derisa ta lëshoni tastin.

.keyup()
Ngjarja aktivizohet kur lëshoni çelësin.

5. Ngjarjet jQuery

.hover()
Ky funksion funksionon si një ngjarje, duke ju lejuar të zgjidhni njëkohësisht dy probleme që lidhen me ngjarjen e kalimit të mausit dhe ngjarjen e largimit të mausit për objektin e zgjedhur. Struktura bazë e funksionit:
$("#selector").hover(funksioni1, funksioni2);

.toggle()
Ngjarja funksionon në mënyrë të ngjashme me ngjarjen hover(), me ndryshimin që ngjarja shkaktohet nga një klikim i mausit. Për shembull, ju mund të hapni një menu drop-down me një klik dhe ta fshehni atë me një të dytë.

6. Objekti i ngjarjes

Kur ndizet një ngjarje, shfletuesi ruan informacionin rreth tij në një objekt ngjarjeje. Objekti i ngjarjes përmban të dhëna të mbledhura në kohën kur ndodhi ngjarja. Ngjarja përpunohet duke përdorur një funksion, dhe objekti i kalohet funksionit si argument - ndryshorja evt (mund të përdorni edhe ngjarjen ose thjesht e si emër të ndryshores). Për të hyrë në argument, duhet t'i bashkëngjitni funksionit emrin e parametrit. Brenda një funksioni të caktuar, mund të përdorni veçori të ndryshme duke përdorur sintaksë me pika. Kur thirret funksioni, objekti i ngjarjes ruhet në variablin evt.
Objekti i ngjarjes ka veti të ndryshme, më të zakonshmet prej tyre janë përshkruar në tabelën e mëposhtme.

Tabela 1. Vetitë e objektit të ngjarjes Përshkrimi i pronës
faqeX Distanca (px) nga treguesi i miut në skajin e majtë të dritares së shfletuesit
faqeY Distanca (px) nga treguesi i miut në skajin e sipërm të dritares së shfletuesit
ekranX Distanca (px) nga treguesi i miut në skajin e majtë të monitorit
ekranY Distanca (px) nga treguesi i miut në skajin e sipërm të monitorit
ShiftKey E VËRTETË nëse tasti SHIFT është shtypur kur ka ndodhur ngjarja
e cila Përdoret për të përcaktuar kodin numerik të tastit të shtypur (së bashku me shiftKey)
objektiv Tregon që objekti i ngjarjes është klikuar (për shembull, për ngjarjen click())
të dhëna Objekti i përdorur me funksionin bind() për t'i kaluar të dhënat funksionit që kontrollon ngjarjen

Artikujt më të mirë mbi këtë temë