Javascript 将事件附加到动态可编辑=真实列表

我有下一张单子

<ul contenteditable="true">
  <li>Some text</li>
</ul>

它适用于预加载的列表，当我按enter键时，它会创建一个新元素，这没关系，但不适用于新的列表元素使用.delegate而不是.on

关于.on的jQuery文档

根据一组特定的根元素，将处理程序附加到与选择器匹配的所有元素的一个或多个事件上（现在或将来）

小心，签名上的.on与签名上的不同。代表使用！

---

有关更多详细信息，请参阅。

现在代码看起来像$document.delegate'[contenteditable=true]，'paste'，函数e{//my actions to take}；

$(document).on('paste','[contenteditable="true"]', function (e) {
  //my actions to take
});