{"type":"doc","content":[{"type":"heading","attrs":{"textAlign":null,"level":2},"content":[{"type":"text","text":"🧩 Коротко:"}]},{"type":"table","content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Свойство"}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Что показывает"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"event.target"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Элемент, "},{"type":"text","marks":[{"type":"bold"}],"text":"на котором реально произошло событие"},{"type":"text","text":" (источник, “кликнули сюда”)"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"event.currentTarget"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Элемент, "},{"type":"text","marks":[{"type":"bold"}],"text":"на котором сейчас выполняется обработчик"},{"type":"text","text":" (тот, кто “слушает”)"}]}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":2},"content":[{"type":"text","text":"📘 Пример 1: базовая разница"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"type":"text","text":"

\n \n

\n"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"type":"text","text":"const parent = document.querySelector('#parent');\nconst child = document.querySelector('#child');\n\nparent.addEventListener('click', (event) => {\n console.log('target:', event.target);\n console.log('currentTarget:', event.currentTarget);\n});\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"👉 Если кликнуть по кнопке ("},{"type":"text","marks":[{"type":"code"}],"text":"#child"},{"type":"text","text":"), то в консоли будет:"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"type":"text","text":"target:

event.target vs отличается от event.currentTarget

Комментарии