Onclick element simulate Esc key

Question

I have the following situation:

When the user clicks on a link, through Javascript Esc key should be triggered. So to be able to explain it better I have the following code so far:

1.I've created a function:

//my function
function invokeEscKey() {
    var ev = document.createEvent('KeyboardEvent');
    ev.initKeyEvent(
        'keydown', true, true, window, false, false, false, false, 27, 0);
    document.body.dispatchEvent(ev);
}

also tried this with jQuery:

//my function
function invokeEscKey() {
    jQuery.event.trigger({
        type : 'keypress', 
        which : 27 
    });
}

2.And when the user clicks on the href, the function should be called:

$(function() {
    $('a.close').click(function() {
        //call this function to simulate ESC key press
        invokeEscKey();
    });
});

But this doesn't work at all. My question is, what is the best way to solve this?

Note: The reason I ask this is because I have a popup with the F11 key (full screen mode) is activated. When the user clicks on the close button, the F11 must be undone, which is normally done by pressing on the ESC key. And I want this to be done automatically.

Is the event hook listening for the ESC keypress attached to the `body` element, with nothing stopping propagation in its way? — Rory McCrossan, Feb 20 '15 at 11:28
What are you trying to do? Close some dialog? Why not to close it in js instead of simulating escape key press? — Aleksandr M, Feb 20 '15 at 11:31
@AleksandrM I have added some explanatory text for the reason (above text) — Ramirez, Feb 20 '15 at 11:38
the problems seems to be the chosen key, in Chrome 40 Ubuntu full screen mode can only be closed with F11 key, not ESC — Pedro Sanção, Feb 20 '15 at 11:39
https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode — Roko C. Buljan, Feb 20 '15 at 11:41
possible duplicate of [Invoke Escape key press event by jquery](http://stackoverflow.com/questions/10070464/invoke-escape-key-press-event-by-jquery) — Rahul Desai, Feb 20 '15 at 11:43

VisioN · Answer 1 · 2015-02-20T11:47:55.167

JavaScript can't trigger OS-level events from the browser window, except the cases when it is natively supported by the browser via special functions or APIs. You can't send a system-level keyboard event with ESC key to close fullscreen mode, or, say, launch system help with F1.

Instead you may use Fullscreen API which is supported by major browsers:

if (document.exitFullscreen) {
    document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
}

MORE: http://www.paulund.co.uk/javascript-full-screen-api

Onclick element simulate Esc key

1 Answers1

Linked