JSFiddle - React, Tailwind, and code Playground

by Yvon

HTML

<div id="or">
    <p>hello</p>
</div>
<div id="di"> <span id="sp">
        <p id="pp">world</p>
    </span>
 <span id="spa">
        <img src="http://jsfiddle.net/img/logo.png" style="background: #4679bd;" />
    </span>

</div>
<div id="out">
    <p>test</p>
</div>

CSS

p#pp {
    pointer-events: none;
    -webkit-user-select: none;
}

JavaScript

$('div#di').on('click', 'span', function () {
    sel = window.getSelection();
    $('div#out p').text(sel.toString());
});