Skip to content

Instantly share code, notes, and snippets.

@Dosant
Created March 12, 2017 10:15
Show Gist options
  • Save Dosant/9a64c8e2a5f837aeb8055c404826e4b5 to your computer and use it in GitHub Desktop.
Save Dosant/9a64c8e2a5f837aeb8055c404826e4b5 to your computer and use it in GitHub Desktop.
/* Пример c делегированием */
var articleListNode = document.querySelector('.article-list');
articleListNode.addEventListener('click', handleDeleteBtnClick);
function handleDeleteBtnClick(event) {
/*
event.target это что угодно внутри .article-list,
надо проверить, что event.target это именно наша кнопка
*/
if (event.target.tagName !== 'BUTTON') {
return; /* если это была не кнопка, событие обрабатывать не надо */
}
var articleNodeToDelete = event.target.parentElement;
/* удалим <article> из DOM */
articleListNode.removeChild(articleNodeToDelete);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment