将JQuery替换为contenteditable元素事件绑定

Question

I'm using JQuery in my project, and the only line it gets used is the following:

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

Is there a more lightweight lib/polyfill I can use instead, which allows to register an input event on a contenteditable div?

Answer 1

In pure javascript you can do something likes that :

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

And add this html attribute contenteditable="true" on your div.