Sovrascrivere la funzione jQuery .val()?

Question

C'è un modo per sovrascrivere facilmente la funzione val() di jQuery?

Il motivo per cui voglio sovrascriverlo è che voglio aggiungere qualche elaborazione ogni volta che viene impostato un valore per un elemento. E non voglio creare un altro valore personalizzato, come ad esempio myVal().

Answer 1

È possibile memorizzare un riferimento alla funzione originale val, poi ignorare e fare la vostra elaborazione, e poi richiamare con call, di utilizzare il giusto contesto:

(function ($) { 
    var originalVal = $.fn.val; 
    $.fn.val = function(value) { 
    if (typeof value != 'undefined') { 
     // setter invoked, do processing 
    } 
    return originalVal.call(this, value); 
    }; 
})(jQuery); 

noti che è possibile distinguere tra un getter chiama $(selector).val(); e una chiamata setter $(selector).val('new value'); solo controllando se l'argomento value è undefined o no.

Answer 2

Se sto capendo destro, qualcosa di simile dovrebbe fare il trucco bene:

jQuery.fn.val = function (new_val) { 
    alert("You set a val! How wonderful!"); 
    this.value = new_val; 
}; 

Basta fare in modo di includere la funzionalità normale: i valori che ottengono di seleziona e così via. Basta inserire il codice dopo il dopo la normale libreria jQuery.

Answer 3

So che il problema è vecchio ma solo per dare una soluzione completa. Per far sì che jQuery.val() e jQuery.val (valore) funzionino dopo l'override, è necessario sovrascriverlo correttamente e separatamente. Perché quando si chiama jQuery.val() then originalVal.call (this, value); non funzionerà correttamente.

Per farlo in modo corretto è necessario fare qualcosa del genere quando si ottiene il valore: originalVal.call (this);

Ecco un sito dove tutto è spiegato: http://extremedev.blogspot.com/2012/01/override-jqueryval-and-jqueryvalvalue.html

saluti, romana

Answer 4

Lo so che è un vecchio argomento ma è prima in Ricerca Google e la risposta non è completamente a destra ...

Ad esempio, se provi nella console $('#myinput').val() dovresti ottenere il valore di #myinput.

Ma se lo fai $('#myinput').val(undefined) è necessario impostare il valore di #myinput! ( Con la risposta attuale e le osservazioni di esso, non sarà possibile impostare il valore di #myinput)

Ecco una risposta aggiornata che utilizzare arguments.

(function ($) { 
    var originalVal = $.fn.val; 
    $.fn.val = function(value) { 
    if (arguments.length >= 1) { 
     // setter invoked, do processing 
     return originalVal.call(this, value); 
    } 
    //getter invoked do processing 
    return originalVal.call(this); 
    }; 
})(jQuery); 

se si desidera passare tutti gli argomenti che si possono anche usare applicare

(function ($) { 
    var originalVal = $.fn.val; 
    $.fn.val = function(value) { 
    if (arguments.length >= 1) { 
     // setter invoked, do processing 
    } else { 
     //getter invoked do processing 
    } 
    return originalVal.apply(this, arguments); 
    }; 
})(jQuery); 

spero che aiuta!

Answer 5

ho qualcosa da aggiungere al CMS risposta, mia implementazione può essere diverso ed essere simile a questo:

(function ($) { var fnVal = $.fn.val; 
    $.fn.val = function(value) { 
     if (typeof value == 'undefined') { 
      return fnVal.call(this); 
     } 
     var result = fnVal.call(this, value); 
     $.fn.change.call(this); 
     // here you can add some more implementation 
     return result; 
    }; 
})(jQuery); 

osservare il $ .fn.change.chiamare il numero (questo); verrà chiamato prima di uscire dalla funzione val ('') che attiverà anche il .change() su ogni assegnazione val ('').