How do I capture the input value on a paste event?

Question

On my site users can paste text (in this case a url) into an input field. I'd like to capture the value of the text that was pasted using jQuery. I've got this to work in FF using the code below, but it doesn't work in IE (I don't think IE supports the "paste" event).

Anyone know how to make this work across all modern browsers? I've found a few other answers to this on SO but most are FF-only and none seemed to offer a complete solution.

Here's the code I have so far:

$("input.url").live('paste', function(event) {     var _this = this;     // Short pause to wait for paste to complete     setTimeout( function() {         var text = $(_this).val();         $(".display").html(text);     }, 100); }); 

JSFiddle: http://jsfiddle.net/TZWsB/1/

Answer 1

jQuery has a problem with the live-method with the paste-event in the IE; workaround:

$(document).ready(function() {     $(".url").bind('paste', function(event) {         var _this = this;         // Short pause to wait for paste to complete         setTimeout( function() {             var text = $(_this).val();             $(".display").html(text);         }, 100);     }); }); 

Fiddle: http://jsfiddle.net/Trg9F/

Answer 2

$('input').on('paste', function(e) {     // common browser -> e.originalEvent.clipboardData     // uncommon browser -> window.clipboardData     var clipboardData = e.clipboardData || e.originalEvent.clipboardData || window.clipboardData;     var pastedData = clipboardData.getData('text'); });