將JQuery替換為contenteditable元素事件綁定

Question

我在項目中使用的是JQuery，它唯一使用的行如下：

$('#div').on('input', function() { ... });

我可以使用更輕量的lib / polyfill來代替，它允許在contenteditable div上注冊輸入事件嗎？

Answer 1

在純JavaScript中，您可以執行以下操作：

document
   .getElementsByTagName("div")
   .addEventListener('input', function() { ... }));

並在div上添加此html屬性 contenteditable="true" 。