जावास्क्रिप्ट पॉपअप विंडो पर ईएससी कीडाउन को कैसे संभालें

Question

मेरे पास जावास्क्रिप्ट विंडो है। पॉप पॉपअप है, और मैं चाहता हूं कि जब उपयोगकर्ता ईएससी कुंजी दबाए तो पॉपअप स्वयं बंद हो जाए। मैं यह नहीं समझ सकता कि कीडाउन ईवेंट (और किस ऑब्जेक्ट पर) को हुक करना है ताकि मैं ईएससी कुंजी पकड़ सकूं।

मैं jQuery का उपयोग कर रहा हूं।

Answer 1

कुछ इस तरह का प्रयास करें:

$(document).keydown(function(e) { 
    // ESCAPE key pressed 
    if (e.keyCode == 27) { 
     window.close(); 
    } 
}); 

Answer 2

याद रखें कि आप पॉपअप विंडो में समारोह @Gumbo posted का उपयोग करना चाहिए ... तो क्या आप पॉप-अप में JQuery शामिल करने और समारोह निष्पादित नहीं करने की आवश्यकता होगी खिड़की जो पॉपअप खोलता है।

Answer 3

आप आसानी से Jquery का उपयोग कर key events बांध सकते हैं।

यहाँ आप .keydown()

List of keyboard keys codes

$(document).keydown(function(e) {   
    if (e.keyCode == 27) { 
     window.close(); 
    } 
}); 

Answer 4

यह संभव है का उपयोग jQuery का उपयोग किए बिना जे एस के साथ प्राप्त करने के लिए कर सकते हैं।

window.onkeydown = function(event) { 
    if (event.keyCode == 27) { 
     console.log('escape pressed'); 
    } 
}; 

Answer 5

@Gumbo के जवाब अच्छा है, लेकिन अक्सर आप तो मैं one ईवेंट हैंडलर का उपयोग करने का सुझाव देते हैं इस व्यवहार घृणाजनक करने की जरूरत है:

$(document).one('keydown', function(e) { 
    // ESCAPE key pressed 
    if (e.keyCode == 27) { 
     window.close(); 
    } 
}); 

या

$(document).on('keydown', function(e) { 
    // ESCAPE key pressed 
    if (e.keyCode == 27) { 
     window.close(); 
    } 
}); 

और जब तैयार व्यवहार को रोकने के लिए

$(document).off('keydown'); 

Answer 6

event.key === "एस्केप"

कोई और मनमाना संख्या कोड नहीं!

document.addEventListener('keydown', function(event) { 
    const key = event.key; // const {key} = event; in ES6+ 
    if (key === "Escape") { 
     window.close(); 
    } 
}); 

Mozilla Docs

Supported Browsers