Zastąpić funkcję jQuery .val()?

Question

Czy istnieje sposób na łatwe zastąpienie funkcji jQuery za val()?

Powodem, dla którego chcę go zastąpić, jest to, że chcę dodać przetwarzanie za każdym razem, gdy wartość jest ustawiona dla elementu. I nie chcę tworzyć innego ustawienia wartości niestandardowej, na przykład myVal().

Answer 1

można przechowywać odniesienie do oryginalnego val funkcji, a następnie zastąpić je i wykonać obróbkę, a później powołać go call, aby użyć właściwego kontekstu:

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

pamiętać, że można odróżnić getter call $(selector).val(); i wywołanie setera $(selector).val('new value'); po prostu sprawdzając, czy argument value jest undefined czy nie.

Answer 2

Jeśli jestem zrozumienia pan rację, coś takiego powinno wystarczyć dobrze:

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

Tylko upewnij się, że obejmują regularne funkcje: Wprowadzenie wartości wybiera i tak dalej. Po prostu trzymaj ten kod po po zwykłej bibliotece jQuery.

Answer 3

Wiem, że problem jest stary, ale po prostu dać pełne rozwiązanie. Aby zarówno jQuery.val(), jak i jQuery.val (wartość) działały po nadpisaniu, należy go przesłonić odpowiednio i osobno. Ponieważ podczas wywoływania jQuery.val(), a następnie originalVal.call (this, value); nie będzie działać poprawnie.

Aby zrobić to we właściwy sposób, musisz zrobić coś takiego, gdy otrzymasz wartość: originalVal.call (this);

Tu jest miejsce, gdzie wszystko jest wyjaśnione: http://extremedev.blogspot.com/2012/01/override-jqueryval-and-jqueryvalvalue.html

Pozdrowienia, Roman

Answer 4

Wiem, że to stary przedmiot, ale jest to pierwszy w wyszukiwarce Google i odpowiedź nie jest całkowicie rację ...

Na przykład, jeśli spróbujesz w konsoli $('#myinput').val(), powinieneś otrzymać wartość #myinput.

Ale jeśli nie $('#myinput').val(undefined) należy ustawić wartość #myinput! ( z aktualną odpowiedź i komentarze o tym, że nie będzie ustawić wartość #myinput)

Oto odpowiedź, że zmodernizowane użyj 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); 

jeśli chcesz przejść wszystkie argumenty można również użyć zastosować

(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); 

Mam nadzieję, że to pomoże!

Answer 5

mam coś do dodania do CMS odpowiedź, moja realizacja różniłaby i być tak:

(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); 

przestrzegać $ .fn.change.zadzwoń (to); zostanie wywołany przed wyjściem z funkcji val (''), która uruchomi również .change() dla każdego przypisania val ('').