Test on Text Copying

Test on Text Copying

HTML

<p id="p1">
I am a real Hello World.
</p><p id="p2">
I am a fake Hello World.
</p>
<input placeholder="click me and paste text"/>

JavaScript

//https://stackoverflow.com/questions/4011490/select-text-just-like-ctrla-when-clicking-the-text
function selectElementContents(el) {
    var range;
    if (window.getSelection && document.createRange) {
        range = document.createRange();
        var sel = window.getSelection();
        range.selectNodeContents(el);
        sel.removeAllRanges();
        sel.addRange(range);
    } else if (document.body && document.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(el);
        range.select();
    }
}

document.addEventListener('copy', function(evt) {
    if (evt.target.id == 'p2') {
        evt.clipboardData.setData('text/plain', 'good bye')
        evt.preventDefault()
    }
    console.log(evt.clipboardData.getData('text/plain'))
})

document.addEventListener('click', function(evt) {
    if (evt.target.tagName == 'P') selectElementContents(evt.target)
})