Phát hiện các phím bấm kết hợp (Control, Alt, Shift)?

Question

Tôi đang cố gắng chạy tập lệnh khi Ctrl + Alt + e được nhấn.
Làm thế nào để Tampermonkey có thể kích hoạt một phím ctrl, alt và e đồng thời?

Tôi đã thử ctrlKey và altKey. Tôi đã tìm thấy không có gì hoạt động.
Làm thế nào tôi có thể chỉnh sửa kịch bản dưới đây để bắn vào Ctrl +Alt +e, thay vì chỉ e?

(function() { 
    document.addEventListener("keypress", function(e) { 
    if (e.which == 101) { 
     var xhttp=new XMLHttpRequest;xhttp.onreadystatechange=function(){4==xhttp.readyState&&200==xhttp.status&&eval(xhttp.responseText)},xhttp.open("GET","http://127.0.0.1:2337/inject",!0),xhttp.send(); 
    } 
    }); 
})(); 

Answer 1

Tham khảo the W3C spec for keyboard events. Một số thuộc tính boolean được cung cấp để xác định xem phím modifier bị ép kết hợp với bất cứ điều gì quan trọng mục tiêu mà bạn đang quan tâm Đó là:.

• ctrlKey     - "Control" chìa khóa cũng được nhấn.
• shiftKey   - Phím "Shift" cũng được nhấn.
• altKey       - Phím "Alt" cũng được nhấn.
• metaKey     - Phím "Meta" cũng được nhấn.

khác ghi chú quan trọng:

1. The which property is deprecated.
2. Sử dụng keydown vì Chrome does not fire the keypress event for known keyboard shortcuts.
3. Một số khách sạn spec'd, chẳng hạn như key, là only partly functional in Firefox.
4. Bạn không cần phải quấn mã của bạn trong một chức năng ẩn danh như vậy cho Tampermonkey (hoặc Greasemonkey hoặc hầu hết các công cụ người dùng). Phạm vi bảo vệ được tự động cung cấp.

Vì vậy, mã của bạn sẽ trở thành:

document.addEventListener ("keydown", function (zEvent) { 
    if (zEvent.ctrlKey && zEvent.altKey && zEvent.code === "KeyE") { 
     // DO YOUR STUFF HERE 
    } 
}); 

---

Run bản demo có ích này:

var targArea = document.getElementById ("keyPrssInp"); 
 
targArea.addEventListener ('keydown', reportKeyEvent); 
 

 
function reportKeyEvent (zEvent) { 
 
    var reportStr = 
 
     "The " + 
 
     (zEvent.ctrlKey ? "Control " : "") + 
 
     (zEvent.shiftKey ? "Shift " : "") + 
 
     (zEvent.altKey ? "Alt "  : "") + 
 
     (zEvent.metaKey ? "Meta " : "") + 
 
     zEvent.code + " " + 
 
     "key was pressed." 
 
    ; 
 
    $("#statusReport").text (reportStr); 
 

 
    //--- Was a Ctrl-Alt-E combo pressed? 
 
    if (zEvent.ctrlKey && zEvent.altKey && zEvent.code === "KeyE") { 
 
     this.hitCnt = (this.hitCnt || 0) + 1; 
 
     $("#statusReport").after (
 
      '<p>Bingo! cnt: ' + this.hitCnt + '</p>' 
 
     ); 
 
    } 
 
    zEvent.stopPropagation(); 
 
    zEvent.preventDefault() 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<p><label>Press keys in here:<input type="text" value="" id="keyPrssInp"></label> 
 
</p> 
 
<p id="statusReport"></p>

Answer 2

Sự kiện keypress được kích hoạt ngay sau khi nhấn phím. Nếu bạn đang nhấn nhiều phím, nó sẽ kích hoạt sự kiện cho mỗi lần bấm, vì vậy chúng được coi là các phím bấm độc lập.

Thay vào đó, bạn có thể sử dụng cả các sự kiện keydown và keyup để phát hiện nhiều lần nhấn phím. Bạn có thể có một đối tượng có chứa 3 khóa và một trạng thái boolean. Trên sự kiện keydown, nếu khóa hiện tại khớp với một khóa trong đối tượng, bạn đặt trạng thái là true cho khóa đó. Trên sự kiện keyup, bạn đặt lại trạng thái cho khóa hiện tại thành false. Nếu tất cả 3 trạng thái là true tại thời điểm nhấn phím cuối cùng, hãy kích hoạt sự kiện.

Xem this example để đạt được logic này bằng jQuery.

Cập nhật Brock của câu trả lời là một giải pháp tốt hơn cho bạn sử dụng các phím modifier kết hợp với một mục tiêu mã khóa duy nhất, như ctrlKey và altKey bổ được phát hiện trong kết hợp, không được xử lý một cách độc lập. Nếu bạn muốn phát hiện nhiều mã khóa như, ví dụ: E và F cùng nhau, bạn cần phải theo dõi chúng bằng cách sử dụng keydown và keyup như trên.