IE onpaste JavaScript event

问题:

No matter what I do, I can't get IE to select() the value in a after a "paste" event in canceled.

Look at this URL in IE, and paste anything into the textarea:

http://jsfiddle.net/cfApa/1/

The text should be selected after pasting. This works in Chrome, but can't figure out how to get select() to work when i'm canceling the paste even in IE:

回答1:

Try this:

$('textarea').on('paste', function(e) {
    this.value = 'fooo';
    setTimeout(function(){ $(e.target).select(); }, 0);

    return false; 
});

Don't ask me why it works, I just got curious and found a solution.

It seems that selecting just doesn't work in the context of the paste event handler, maybe there's something that happens afterwards in the browser that deselects (though preventDefault still didn't help)

回答2:

Take a look at this: http://webcloud.se/log/Selecting-text-with-JavaScript/. I think that's the issue, and you can make a workaround by using

var range = this.createTextRange();
range.moveStart("character",0);
range.moveEnd("character",$(this).html().length);
range.select();