Select all text in an element

select-on-click.js

// Modified version of https://stackoverflow.com/a/987376
function selectText(el) {
    if (!el) return;
    var range, selection;
    if (document.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(el);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();
        range = document.createRange();
        range.selectNodeContents(el);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

document.addEventListener("click", function(event) {
    selectText(
      event.target.P
      ? event.target.P(".select-on-click")
      : event.target.classList.contains("select-on-click")
        ? event.target
        : null);
});

select-on-click.min.js

function selectText(el){if(!el)return;var range,selection
if(document.body.createTextRange){range=document.body.createTextRange();range.moveToElementText(el);range.select()}else
if(window.getSelection){selection=window.getSelection();range=document.createRange();range.selectNodeContents(el);selection.removeAllRanges();selection.addRange(range)}}
document.addEventListener("click",function(event){selectText(event.target.P?event.target.P(".select-on-click"):event.target.classList.contains("select-on-click")?event.target:null)});