javascript - 在纯 JS 中实时/在线重新创建 jQuery

Question

我正在用纯 JS 制作待办事项列表 Web 应用程序(尽量不使用 jQuery!)，我在一个方面苦苦挣扎，将点击处理程序附加到我刚刚创建的元素上。这是创建代码:

new_li = document.createElement('li');
new_li.innerHTML = item.value;
new_li.setAttribute('rel', time);
prependElement(tudu_list, new_li);

这发生在点击按钮时。

我需要将点击处理程序附加到 UL 中的每个 LI。但是当我点击一个新创建的 LI 时没有任何反应。我猜这是一个没有绑定(bind)到元素的点击处理程序的问题。在 jQuery 中，我通常会执行 .live()，但在 JS 中，我不知道如何解决这个问题!

Answer 1

将事件处理程序附加到 <ul>元素，然后检查事件的 target属性 - 如果它是 <li> 之一元素，然后执行事件处理程序，否则直接跳过它。

https://developer.mozilla.org/en/DOM/event.target