jQuery zmiana() na <select> i firefox

Question

mam rozwijana, które wyzwala wywołanie ajax po jego zmianie:

$('.travel-to').change(function(){ 
    $.ajax({ 
     type: "GET", 
     url: "/inc/rates/rates-viewer.php", 
     data: "shtech=y&c_name="+escape($(this).val()), 
     success: function(html){ 
      $(".rates-viewer").html(html); 
      $(".rates-viewer tr.numbers td").css({ opacity: 0 }).fadeTo("slow",1); 
     } 
    }); 
}); 

Mój problem jest w Firefoksie, używając klawiszy góra/dół strzałek, aby przechodzić na liście rozwijanej Opcje, nie uruchamia zdarzenia js onChange(). W IE jest OK.

Jak ustawić przeglądarkę Firefox jako kursory góra/dół jako onChange? Czy mogę zrobić jedno z tych wydarzeń lub wydarzenie, aby wywołać jedno lub więcej naciśnięć klawisza?

Dzięki.

Answer 1

W rzeczywistości korzystasz z błędu w IE. Firefox obsługuje onChange poprawnie, ponieważ nie powinien być uruchamiany, dopóki przeglądarka nie straci fokusu w polu wyboru. (I answered a question wczoraj o tym problemie w rzeczywistości.) To jest naprawdę niebezpieczne przy użyciu opcji Zmień z wybranym, zwłaszcza, że ​​nie ma sposobu, aby użytkownicy klawiatur tylko pomijali niektóre opcje. (Na początku, że kółka myszy wydaje spin przez wiele odpowiedzi, ale faktycznie pożary onChange dla każdego wpisu przechodzi przez na IE.)

Jeśli naprawdę chcesz zdarzenia na ogień, gdy ktoś naciśnie się lub w dół, chciałbym podłączyć się do zdarzeń onKeyPress lub onKeyDown, aby strzelać po naciśnięciu klawisza "w górę" lub "w dół".

Answer 2

Może zamiast używać zdarzenia change() należy użyć zdarzenia blur() i sprawdzić, czy zmieniono wartość?

FYI, nie testowałem tego, tylko pomysł, który miałem. i nie jestem pewien, czy jest to pożądany efekt, ponieważ spowodowałoby to utratę skupienia, ale sugeruję, aby zachować efekt spójny w różnych przeglądarkach.

var currentValue; 

$('.travel-to').blur(function(){ 
    var val = $(this).val(); 
    if (currentValue != val) { 
     currentValue = val; 
     $.ajax({ 
      type: "GET", 
      url: "/inc/rates/rates-viewer.php", 
      data: "shtech=y&c_name="+escape(currentValue), 
      success: function(html){ 
       $(".rates-viewer").html(html); 
       $(".rates-viewer tr.numbers td").css({ opacity: 0 }).fadeTo("slow",1); 
      } 
     }); 
    } 
}); 

Answer 3

Właśnie doświadczyłem niektóre dziwne zachowanie w Firefox, który umożliwia użytkownikowi wybrać, aby otworzyć listę rozwijaną, nawigować za pomocą strzałek, a następnie zamiast tabbing się lub kliknięcie na stronie użytkownik może kliknąć kolejny element, który będzie w wyniku zmiany wybranej wartości bez wystrzeliwania zdarzenia change.

Aby obejść ten problem, można wywołać change, gdy zdarzenie keyup (proszę również zasugerować inne zdarzenia?) Zostanie uruchomione, a wybór ma inną wartość niż poprzednia.

var selectRegistry = {}, 
    $selects = $('select'); 

$selects.bind('change', function() { 
    var $this = $(this); 
    selectRegistry[$this.attr('id')] = $this.val(); 
}); 

$selects.bind('keyup scroll select', function() { 
    var $this = $(this); 
    if ($this.val()!=selectRegistry[$this.attr('id')]) 
    { 
     $this.trigger('change'); 
    } 
}); 

Można użyć .live() funkcję, jeśli będziesz musiał dinamically stworzony wybierz elementy wzdłuż wykonywania strony internetowej.

Answer 4

mam to działa przy użyciu jquery focusout

http://api.jquery.com/focusout/

Answer 5

lepszym rozwiązaniem jest użyć .on() do funkcji wiązania jak wiele zdarzeń

$("#member").on("change keyup", function(){ 
    ----- 
});