JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div id="thisone" contenteditable>
 The info I want
 <span id="notthisone" contenteditable="false">
  I don't want any of this nonsense</span>   Rajesh
</div>

JavaScript

var result = document.getElementById('thisone');    

/* result.addEventListener('keydown',function(event){
console.log('event is ',this.innerHTML)
  if(event.target.innerHTML == ' '){
    alert('Text nodes');
  }
}) */

var $editor = $('#thisone');
$editor.keydown(function (e) {
  var html = $editor.html();
  if (html === '' || html === '<br>') {
  	alert('Text nodes dfdsfd');
  }
});