jquery chọn dropdown bỏ qua sự kiện keydown khi nó được mở?

Question

Tôi đang cố gắng ngăn nút lùi để quay lại một trang trong mọi trình duyệt. Để bây giờ tôi đang sử dụng mã này:

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

Nó hoạt động tốt cho tất cả mọi thứ trừ khi chọn trường danh sách thả xuống được mở, sự kiện này được bỏ qua và một backspace đưa tôi một trang lại anyway. Làm thế nào tôi có thể giải quyết vấn đề này? Cảm ơn bạn cho câu trả lời của bạn.

Answer 1

Chỉ cần cho các thông tin, đây là Google Chrome cụ thể từ mã của bạn hoạt động tốt trong IE và FF.

Nếu bạn thực sự cần điều này để hoạt động, bạn có thể hiển thị menu thả xuống giả và đặt được chọn theo lập trình.

Bạn có thể thay đổi kích thước thả xuống để xuất hiện như nó đã được mở, một cái gì đó như thế này: 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(); 
}); 

Khác hơn là tôi không nghĩ rằng bạn có thể làm bất cứ điều gì từ sự kiện Chrome không bắn khi menu thả xuống đang mở.

Answer 2

Chỉ cần thêm thẻ select để chọn của bạn:

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

Answer 3

Bạn sẽ phải kiểm tra sự kiện KeyDown trên $ (chọn) ngay bây giờ, nếu bạn thêm

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

bạn sẽ lưu ý rằng bạn sẽ không nhận được sự kiện keydown khi bạn nhấp và nhấn bàn phím trong khi menu thả xuống chọn đang hoạt động.

Điều này sẽ làm cho nó cho bạn

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