Jquery bind copy issue

Question

I am trying to display whatever a user copies when using IE. Im using jquery and the following code:

$('#data').bind("copy", function(e) {alert(clipboardData.getData("text"));})

The problem is whenever I copy it shows the data previously copied. not the current data showing the function is called before the data is put on the clip board. is there any workaround

Copy/paste issues are complicated - IE is one of the few remaining browsers that allows you to do this. Firefox straight up blocks this. The proper workaround requires a Flash hack. [related](http://stackoverflow.com/questions/5579232/simple-copy-paste-function-in-javascript) — John Strickler, Mar 20 '12 at 18:39
@JohnStrickler Thats what I found out too. Just wondering if this can be done anyhow through jquery. — SNAG, Mar 20 '12 at 18:40
@SNAG See my answer.. and let me know if that is what you want. — Selvakumar Arumugam, Mar 20 '12 at 19:00
plugins like this could help to get it working: http://www.steamdev.com/zclip/ — e382df99a7950919789725ceeec126, Mar 20 '12 at 19:11

score 1 · Accepted Answer · edited May 23 '17 at 12:20

I think what you want is to get the selected text. See below code to get the text selection,

DEMO

$('#data').bind("copy", function(e) {
    var selectedText;
    //reference post: https://stackoverflow.com/a/275825/297641
    // IE version
    if (document.selection != undefined) {
        $(this).focus();
        var sel = document.selection.createRange();
        selectedText = sel.text;
    }
    // Mozilla version
    else if (textComponent.selectionStart != undefined) {
        var startPos = textComponent.selectionStart;
        var endPos = textComponent.selectionEnd;
        selectedText = textComponent.value.substring(startPos, endPos)
    }

    alert(selectedText);
});

Reference: How to get selected text from textbox control with javascript

Jquery bind copy issue

1 Answers1