Ինչպե՞ս է աշխատում իրադարձությունների փրփրացողները:

Բովանդակություն:

Ինչպե՞ս է աշխատում իրադարձությունների փրփրացողները:
Ինչպե՞ս է աշխատում իրադարձությունների փրփրացողները:
Anonim

Իրադարձությունների փրփրոցը իրադարձությունների տարածման տեսակ է, որտեղ իրադարձությունը սկզբում գործարկվում է ամենաներքին թիրախային տարրի վրա, այնուհետև հաջորդաբար գործարկվում է թիրախ տարրի նախնիների (ծնողների) վրա՝ նույն բույնի հիերարխիայում, մինչև այն հասնի ամենահեռավոր DOM տարրին կամ փաստաթղթի օբյեկտին (պայմանով, որ մշակիչը սկզբնավորվել է):

Ի՞նչ է իրադարձությունների փրփրոցը և ինչպե՞ս է այն աշխատում:

Event bubbling-ը միջոցառումների տարածման մեթոդ է HTML DOM API-ում, երբ իրադարձությունը գտնվում է մեկ այլ տարրի ներսում, և երկու տարրերն էլ գրանցել են բռնակ այդ իրադարձության համար: Դա գործընթաց է, որը սկսվում է այն տարրից, որն առաջացրել է իրադարձությունը և այնուհետև փուչիկներով հասնում մինչև հիերարխիայում պարունակող տարրեր:

Ինչպե՞ս եք փուչիկացնում իրադարձության արձագանքը:

Event Bubbling and Capturing in React

Bubbling-ը նույնքան պարզ է, որքան սովորական DOM API-ի դեպքում; պարզապես կցեք կարգավորիչը տարրի վերջնական ծնողին, և այդ տարրի վրա գործարկված ցանկացած իրադարձություն կփուչիկավորվի դեպի մայրը, ինչպես սկզբում մեր օրինակում:

Ի՞նչ է իրադարձությունների փրփրացող կոդի օրինակով:

Իրադարձությունների փրփրացող տերմին է, որը դուք կարող եք հանդիպել ձեր JavaScript-ի ճանապարհորդությունների ժամանակ: Այն վերաբերում է իրադարձությունների մշակիչների կանչի հաջորդականությանը, երբ մեկ տարրը տեղադրված է երկրորդ տարրի ներսում, և երկու տարրերն էլ գրանցել են լսող նույն իրադարձության համար (օրինակ՝ սեղմումով):

Ինչպե՞ս է աշխատում իրադարձությունների տարածումը:

Միջոցառումտարածումը միջոց է՝ նկարագրելու իրադարձությունների «կույտը», որոնք գործարկվում են վեբ բրաուզերում: … Այսպիսով, a պիտակի վրա սեղմելը կտտացնում է նաև այն տողը, աղյուսակը, div-ը, որում տեղադրված է աղյուսակը, և ցանկացած այլ բան, մինչև փաստաթուղթը, ամբողջական կոնտեյները, որը պահում է ամեն ինչ ձեր բրաուզերում::

Խորհուրդ ենք տալիս: