JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable="true">
    div
    <span contenteditable="false">
        <span class="target" contenteditable="true">Test Span area</span>
    </span>
    div
</div>

CSS

div {
    border: 1px solid red;
    padding: 5px;
}
span {
    background-color: #efefef;    
}

JavaScript

$(function(){
    $("span.target").keypress(function(){
        alert("span changed");
    });
});