jquery evento pasta di intercettare

Question

ho rilegato un evento di pasta da un ingresso:

$(document).ready(function(){ 
     $('.myInput').bind("paste",function(e) { 
      console.log(e); 
     }); 
});​ 

Ogni volta mi ha colpito CTRL-V che restituisce l'oggetto e evento.

Desidero ottenere i dati che l'utente sta per incollare nell'input.

Ispezionando l'oggetto evento ho trovato il valore in diversi luoghi come:

• e.srcElement.value
• e.target.value

Ma quelli restituiscono il valore in input dopo la pasta è accaduto. Quindi se inserisco del testo dopo aver inserito un'altra stringa, otterrò entrambe le stringhe concatenate.

Ho cercato su internet e non ho trovato altro che brutte soluzioni flash.

C'è un modo pulito per farlo in jQuery?

ho pensato su come ottenere l'intero testo con e.srcElement.value dopo aver ottenuto il valore di ingresso before la pasta, poi confrontare sia stringa ed eliminare prima parte, di ritorno dal consecuence il valore della clipboard.

Answer 1

forse questo è ciò che il vostro cercando di fare, non sicuro al 100%:

HTML:

<input type="text" id="test" class="myInput" value="This is some default text" />​ 

jQuery:

$(document).ready(function() { 
    $('input').on('paste', function (e) { //Attach paste event handler for all inputs 
     $(this).val('').val(e.target.value); //Clear the current value, then insert the value of the data that was pasted 
    }); 
}); 

Fiddle: http://jsfiddle.net/PMq6U/

Answer 2

È possibile utilizzare l'evento onbeforePaste per farlo.

$(function(){ 
    $('#el').on('beforepaste',function(e){ 
     [...] 
    }); 
}); 

Answer 3

clipboardData funziona per i browser moderni (IE11 +, Firefox, Chrome ...).

$(document).ready(function(){ 
     $('.myInput').on('paste', function (e) { 
      var dt = e.originalEvent.clipboardData; 
      if(dt && dt.items && dt.items[0]){ 
       dt.items[0].getAsString(function(text){ 
        console.log(text); //the pasted content 
       }); 
      }else if(dt && 'getData' in dt){ 
       console.log(dt.getData('text')); //the pasted content 
      } 
     }); 
}); 

http://jsfiddle.net/6n10y0ds/9/

https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer