JSFiddle - React, Tailwind, and code Playground

by derekaug

HTML

<p>When I click <code>this code</code> I want it to be selected.</p>

<p>The code tags don't have IDs or tag names.</p>

<p>Here's some <code>other code</code>.</p>

CSS

code {
    background:#eee;
    padding:0 2px;
}

JavaScript

/* Does work */
$("code").click(function(){
    if (document.selection) {
        var range = document.body.createTextRange();
        range.moveToElementText(this);
        range.select();
    } else if (window.getSelection) {
        var range = document.createRange();
        range.selectNode(this);
        window.getSelection().addRange(range);
    }
});