jQuery su ("incolla") per la prima volta non afferra o supera il valore

Question

Un vero problema per me, perché non ho idea di come risolverlo.

jQuery script che ho scritto dovrebbe prendere il valore di input sull'azione "incolla" e passarlo da ajax al controller codeigniter.

In realtà funziona correttamente, ma solo se si incolla il valore per la seconda (e successiva) ora. Funziona bene anche quando cambio ("incolla") su on ("clic") per alcuni div o altri elementi DOM.

Script:

<script type="text/javascript"> 
$("#link").on("paste", function(){ 
$("#thumbs").empty().html("<p>loading</p>"); 
var postData = { 
    'url' : $("#link").val() 
}; 

$.ajax({ 
    type: "POST", 
    url: "/thumb/ajax/", 
    data: postData , //assign the var here 
    success: function(msg){ 
    $("#thumbs").html("Data Saved: " + msg); 
    } 

}); 

});

Qualsiasi aiuto sarebbe apprezzato

EDIT: un altro suggerimento.

val() in questo script specifico assume effettivamente il valore prima dell'azione. Se scrivo qualcosa a questo input, quindi lo rimuovo e incollo qualcos'altro, in realtà passerebbe al controller il valore che ho scritto, non quello che ho incollato.

EDIT2: OK, sono abbastanza sicuro che si tratta di un problema di jQuery con Incolla.

<script type="text/javascript"> 

    $("#link").on("paste", function(){ 
     $("#thumbs").empty().html("<p>loading</p>"); 
     var postData = {'url' : $("#link").val() }; 
     $("#thumbs").html($("#link").val()); 
    }); 


</script> 

Questo script dovrebbe aggiungere valore dall'input a div # pollici. Non fa per la prima azione di incolla. Al secondo posto funziona davvero.

EDIT3: Il mio amico mi ha dato un suggerimento. on ("incolla") funziona proprio sull'azione "incolla" e prima che l'incolla sia effettivamente eseguita. Se qualcuno mi dà un suggerimento su come fare un timeout per prendere il valore dopo la pasta posso andare avanti.

Answer 1

Problema risolto.

Come ho detto prima, "l'azione (" incolla ")" viene eseguita proprio sulla pasta effettiva. Quindi la funzione viene eseguita prima che il valore venga incollato all'input. Questo perché la pasta prima volta prende e passa il valore predefinito dell'input (null per il mio esempio).

Soluzione è impostare il timeout. Il codice giusto sembra così e funziona bene.

$("#link").on("paste", function(){ 

setTimeout(function() { 
    $("#thumbs").html("<p>loading</p>"); 
    var postData = { 
     'url' : $("#link").val() 
     }; 
    $.ajax({ 
     type: "POST", 
     url: "/thumb/ajax/", 
     data: postData , //assign the var here 
     success: function(msg){ 
     $("#thumbs").html("Data Saved: " + msg); 
      $(".thumb").click(function(){ 
      (this).attr('id'); 


     }); 

     } 

    }); 
}, 500); 

});

Problema risolto, grazie @ 3nigma per il supporto.

Answer 2

funziona bene qui

DEMO

aggiornamento:

si dovrà stringify l'oggetto al fine di inviare al server, includere json2.js il codice sarà simile

$("#link").on("paste", function(){ 
$("#thumbs").empty().html("<p>loading</p>"); 
var postData = { 'url' : $("#link").val(), 'test' : 'testtest' }; 

    $.ajax({ 
     type: "POST", 
     url: "your/url", 
     data:JSON.stringify(postData), 
     success: function(msg){ 
     $("#thumbs").html("Data Saved: " ); 
     }   
     }); 
     }); 

qui è un DEMO ho incluso il json2.js fr om the cdn

Answer 3

Ho finito per utilizzare "oninput", che funziona bene a meno che non sia necessario supportare IE8 o inferiore.