Close Popup/Modal with esc key

Ask us anything How do I?
1

How can I close a modal with the Esc key? I believe there has to be some JS code to solve it. I believe my question is hidden in ‘wwLib.getFrontDocument()’. Where do I have to implement the code to achieve the close function on all my pages?

1 Like
2

I’d say you should add the code on page load, on every page where you might have the popup.

3

thank’s for the quick answer! Do you can serve me also the code which return me for example “true” when the esc key is pressed so i can continue my workflow with the changed value? :wink:

4

A tip that might save you a lot of time,

Anything JS related, use a query “[How do I do this]” followed by “stackoverflow” in stupid simple language.

var msg = wwLib.getFrontDocument().getElementById('state-msg');

wwLib.getFrontDocument().body.addEventListener('keypress', function(e) {
  if (e.key == "Escape") {
    msg.textContent += 'Escape pressed:'
  }
});
1 Like
5

@Broberto Why wwLib.getFrontDocument().body.addEventListener rather than wwLib.getFrontDocument().addEventListener()?