شرح صفوف ومحتوى الفقرة
عندما تنقر على عنصر <button> موضوع داخل بند <li> داخل قائمة <ul> داخل جسم الصفحة <body>، فأنت عملياً تنقر فوق هذه الحاويات المتداخلة جميعاً في اللحظة نفسها! ولذلك لا يطلق المتصفح الحدث بمعزل عن محيطه، بل يسيره في رحلة رأسية منظمة عبر شجرة DOM تُعرف باسم انتشار الحدث (Event Propagation).
استيعاب هذه الرحلة يمنحك أقوى أنماط هندسة الواجهات كفاءةً ونظافةً على الإطلاق وهو تفويض الأحداث (Event Delegation).
