javascript - Onclick 元素模拟 Esc 键

Question

我有以下情况:

当用户点击链接时，应该通过Javascript触发Esc键。所以为了能够更好地解释它，我有以下内容到目前为止的代码:

1.我创建了一个函数:

//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);
}

也用 jQuery 尝试过:

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

2.当用户点击href时，应该调用该函数:

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

但这根本不起作用。我的问题是，解决这个问题的最佳方法是什么？

注意:我问这个问题的原因是因为我有一个弹出窗口，其中 F11 键(全屏模式)被激活。当用户单击关闭按钮时，必须撤消 F11，这通常是通过按 ESC 键来完成的。我希望这可以自动完成。

Answer 1

JavaScript 无法从浏览器窗口触发操作系统级事件，除非浏览器通过特殊函数或 API 原生支持 JavaScript 的情况。您无法使用 ESC 键发送系统级键盘事件来关闭全屏模式，或者使用 F1 启动系统帮助。

您可以使用主要浏览器支持的全屏 API:

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

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