Выбрать текст по клику

by alexpop

HTML

<div id="wrap">
    <span class="copyText">This is some text to copy.</span>
    <span>Can't copy <em>this</em> (automatically...)!</span>
    <span class="copyText">And this is yet more text.</span>
</div>

CSS

span.copyText {
    position: relative;
    display: block;
}
textarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 none transparent;
    margin: 0;
    padding: 0;
    outline: none;
    resize: none;
    overflow: hidden;
    font-family: inherit;
    font-size: 1em;
}

JavaScript

$('.copyText').click( function() {
    if ($('#tmp').length) {
        $('#tmp').remove();
    }
    var clickText = $(this).text();
    $('<textarea id="tmp" />')
        .appendTo($(this))
        .val(clickText)
        .focus()
        .select();
        
    return false;
});
$(':not(.copyText)').click(
function(){
    $('#tmp').remove();
});