Определение пустой ли div в contenteditable="true"

Пытаюсь определить пустую строку в contenteditable="true". Суть проблемы в том, что мне нужно вставлять код только в те блоки (созданные автоматически), которые пусты. Пример:

  1. Нажал Enter - создался блок и он пустой - console.log('пусто').
  2. Ткнул мышью в пустой блок (строку) - console.log('пусто').
  3. Передвинул курсор стрелкой на другую строку (блок) и если блок пустой - console.log('пусто').

Сейчас пытаюсь что-то придумать с этим на JS:

$('div[contenteditable]').on('keydown click',function(e) {
    line = e.target.innerHTML;
    line = line.replace(/<(.|\n)*?>/g, '');
    if(line === ''){
      console.log('пусто');
    }

});

И он решает только 2 пункт. Может кто сталкивался?


Ответы (0 шт):