Làm cách nào để phân biệt dấu cộng/bằng và bằng các khóa trong javascript?

Question

Tôi muốn sử dụng các phím dấu cộng và trừ để kích hoạt chức năng phóng to và thu nhỏ trong ứng dụng web của tôi. Mã sau hoạt động, chủ yếu là:

$(document).keydown(function(e) { // requires jQuery 
    console.log(e.keyCode); 
    if (e.keyCode === 189) { // minus 
     zoom_out(); 
     return false; 
    } 
    if (e.keyCode === 187) { // plus 
     zoom_in(); 
     return false; 
    } 
}); 

Mã khóa 187 trở lại khi nhấn phím =/+ cũng như phím +. Điều này là tốt, nếu lẻ, nhưng 187 cũng được trả về từ khóa bàn phím =, mà tôi không muốn sử dụng để phóng to. Làm cách nào để phân biệt các phím +/=, = và +?

Answer 1

Sử dụng thuộc tính shiftKey.

Nếu e.shiftKey là true (bạn đã đoán!) Shift đang được giữ và do đó e.keyCode === 187 && e.shiftKey có nghĩa là + được nhấn.