menu rozwijane jquery select ignoruje zdarzenie keydown, gdy jest otwarte?

Question

Próbuję zapobiec cofnięciu się przycisku Backspace o jedną stronę w każdej przeglądarce. Na razie używam tego kodu:

$(document).on("keydown", function (e) { 
    if (e.which === 8 && !$(e.target).is("input, textarea")) { 
     e.preventDefault(); 
    } 
}); 

To działa dobrze na wszystko z wyjątkiem, gdy lista rozwijanej wybierz pole jest otwarte, to wydarzenie jest ignorowany i cofania o jedną stronę zajmuje mi z powrotem i tak. Jak mogę rozwiązać ten problem? Dziękuję Ci za Twoje odpowiedzi.

Answer 1

tylko dla informacji, to jest Google Chrome specyficzny ponieważ Twój kod działa poprawnie w IE i FF.

Jeśli naprawdę potrzebujesz tego do pracy, możesz wyrenderować fałszywe menu rozwijane, a następnie ustawić programowo wybrane.

Można zmienić rozmiar listy rozwijanej pojawiać jak to było otwarte, coś takiego: https://jsfiddle.net/yzr2cmqv/

<div clas="select-wrap"> 
    <div class="fake-select"></div> 
    <select class="select"> 
     <option value="1">one</option> 
     <option value="2">two</option> 
     <option value="3">three</option> 
    </select> 
</div> 

$(".fake-select").on("click", function() { 
    var numOfOpen = $("select.select option").size(); 
    $(".select").attr("size", numOfOpen).css("overflow", "hidden"); 
    $(this).hide(); 
}); 

$(".select").on("click", function() { 
    $(".select").attr("size", 1); 
    $(".fake-select").show(); 
}); 

Poza tym nie sądzę, można zrobić wszystko od wydarzeń Chrome nie strzelają gdy rozwijanie jest otwarte.

Answer 2

Wystarczy dodać tag select do selektora:

$(document).on("keydown", function (e) { 
    if (e.which === 8 && !$(e.target).is("input, textarea, select")) { 
     e.preventDefault(); 
    } 
}); 

Answer 3

Musisz sprawdzić keyDown na $ (wybierz) już teraz, jeśli dodać

console.log(e.which) 
console.log(e.target) 

będziesz zauważ, że nie dostaniesz zdarzenia keydown po kliknięciu i naciśnięciu klawisza, gdy aktywne jest rozwijane menu wyboru.

to zrobi to za

$(document).on("keydown", $('select'), function (e) { 
    if (e.which === 8) { 
     e.preventDefault(); 
    } 
});