Javascript - 如何使转义键更改URL?

时间:2013-11-28 09:20:04

标签: javascript jquery javascript-events

$(document).keyup(function(e) {
    if (e.keyCode == 27) { ... } 
});

前面的代码是我发现的代码,用于确定是否按下并释放了转义键;但是,我以前从未使用过这样的代码。

  1. 我想知道在安全性和性能方面这是否可以使用?
  2. 我想知道如何更改页面网址?基本上,当他们按下esc键并放开时,它会切换到登录页面。
  3. 有更好的方法吗?

2 个答案:

答案 0 :(得分:1)

按下esc按钮时可以更改当前网址,如下所示:

window.onkeyup = function(e) {
    var event = e.which || e.keyCode || 0; // .which with fallback

    if (event == 27) { // ESC Key
        window.location.href = 'YOURURL'; // Navigate to URL
    }
}

或者,你可以用同样的方式使用jQuery的$(window).keyup()

这里我们向onkeyup添加一个事件监听器,以检查用户与键盘的交互。当用户按下然后释放键时,事件将触发。

然后检查密钥是否为ESC密钥(27)。最受欢迎的浏览器(Chrome,Safari,Firefox,Opera,IE)支持关键代码27(使用.which时)。

最后一点。要阻止任何默认操作,您可以return false;keydown keypress;正如here所述。

答案 1 :(得分:0)

$(document).keyup(function (e) {
if (e.keyCode == 27) { window.location.href = 'http://example.com'; }
});