Определение пустой ли div в contenteditable="true"
Пытаюсь определить пустую строку в contenteditable="true". Суть проблемы в том, что мне нужно вставлять код только в те блоки (созданные автоматически), которые пусты. Пример:
- Нажал Enter - создался блок и он пустой - console.log('пусто').
- Ткнул мышью в пустой блок (строку) - console.log('пусто').
- Передвинул курсор стрелкой на другую строку (блок) и если блок пустой - console.log('пусто').
Сейчас пытаюсь что-то придумать с этим на JS:
$('div[contenteditable]').on('keydown click',function(e) {
line = e.target.innerHTML;
line = line.replace(/<(.|\n)*?>/g, '');
if(line === ''){
console.log('пусто');
}
});
И он решает только 2 пункт. Может кто сталкивался?