تفويض الأحداث

إذا ربطت مستمعًا بكل زر حذف، فماذا يحدث للأزرار التي تُضاف بعد ذلك؟ لن يحدث شيء عند الضغط عليها، لأنها لم تكن موجودة حين ربطت المستمعات.

والحلّ يعتمد على أن الحدث ينتقل صعودًا من العنصر المضغوط إلى العناصر التي تحتويه، فتربط مستمعًا واحدًا بالحاوية، ثم تتحقّق داخله من العنصر الذي ضُغط فعلًا.

والتعبير event.target.closest('.del') يُرجع العنصر المضغوط نفسه إن طابق المُحدِّد (selector)، أو أقرب عنصر يحتويه ويطابقه، فإن لم يجد شيئًا أرجع null.