Làm cách nào để phát hiện phím bấm thoát bằng JS hoặc jQuery thuần túy?

Question

thể trùng lặp:
Which keycode for escape key with jQuery

Làm thế nào để phát hiện thoát nhấn phím trong IE, Firefox và Chrome? Dưới đây đang làm việc trong IE và cảnh báo 27, nhưng trong firefox nó cảnh báo 0

$('body').keypress(function(e){ 
    alert(e.which); 
    if(e.which == 27){ 
     // Close my modal window 
    } 
}); 

Answer 1

Dường keydown và keyup làm việc, mặc dù có thể không keypress

---

$(document).keyup(function(e) { 
    if (e.keyCode == 27) { // escape key maps to keycode `27` 
     // <DO YOUR WORK HERE> 
    } 
}); 

Which keycode for escape key with jQuery

Answer 2

séc keyCode & & which & keyup || keydown

$(document).keydown(function(e){ 
    var code = e.keyCode || e.which; 
    alert(code); 
}); 

Answer 3

Sự kiện keydown sẽ làm việc tốt cho Escape và có lợi cho phép bạn sử dụng keyCode trong tất cả các trình duyệt. Ngoài ra, bạn cần phải đính kèm người nghe đến document thay vì cơ thể.

CẬP NHẬT Tháng Năm 2016

keyCode hiện đang trong quá trình bị phản đối và hầu hết các trình duyệt hiện đại cung cấp key bất động sản bây giờ, mặc dù bạn vẫn sẽ cần một dự phòng để hỗ trợ trình duyệt phong nha cho bây giờ (tại thời điểm viết các bản phát hành hiện tại của Chrome và Safari không hỗ trợ nó).

document.onkeydown = function(evt) { 
 
    evt = evt || window.event; 
 
    var isEscape = false; 
 
    if ("key" in evt) { 
 
     isEscape = (evt.key == "Escape" || evt.key == "Esc"); 
 
    } else { 
 
     isEscape = (evt.keyCode == 27); 
 
    } 
 
    if (isEscape) { 
 
     alert("Escape"); 
 
    } 
 
};

Click me

Answer 4

Sử dụng JavaScript bạn có thể thực hiện kiểm tra công tác jsfiddle

document.onkeydown = function(evt) { 
    evt = evt || window.event; 
    if (evt.keyCode == 27) { 
     alert('Esc key pressed.'); 
    } 
}; 

Sử dụng jQuery bạn có thể thực hiện kiểm tra công tác jsfiddle

Answer 5

Cách tốt nhất là để thực hiện chức năng này

CHỨC NĂNG:

$.fn.escape = function (callback) { 
    return this.each(function() { 
     $(document).on("keydown", this, function (e) { 
      var keycode = ((typeof e.keyCode !='undefined' && e.keyCode) ? e.keyCode : e.which); 
      if (keycode === 27) { 
       callback.call(this, e); 
      }; 
     }); 
    }); 
}; 

VÍ DỤ:

$("#my-div").escape(function() { 
    alert('Escape!'); 
}) 

Answer 6

tôi nghĩ rằng cách đơn giản nhất là vani javascript:

document.onkeyup = function(event) { 
    if (event.key === 27){ 
    //do something here 
    } 
} 

Answer 7

Dưới đây là mã không chỉ vô hiệu hóa phím ESC mà còn kiểm tra tình trạng mà nó được nhấn và tùy thuộc vào tình huống, nó sẽ thực hiện hành động hay không.

Trong ví dụ này,

e.preventDefault(); 

sẽ vô hiệu hóa các hành động tác bấm phím ESC.

Bạn có thể làm bất cứ điều gì muốn giấu một div với điều này:

document.getElementById('myDivId').style.display = 'none'; 

Trường hợp phím ESC ép cũng được đưa vào xem xét:

(e.target.nodeName=='BODY') 

Bạn có thể loại bỏ điều này nếu tình trạng một phần nếu bạn thích áp dụng điều này cho tất cả. Hoặc bạn có thể nhắm mục tiêu INPUT ở đây để chỉ áp dụng hành động này khi con trỏ đang ở trong hộp nhập liệu.

window.addEventListener('keydown', function(e){ 
    if((e.key=='Escape'||e.key=='Esc'||e.keyCode==27) && (e.target.nodeName=='BODY')){ 
     e.preventDefault(); 
     return false; 
    } 
}, true);