Как открыть ссылку или кнопку, нажав F2 в HTML?

0

Это мой код

<a href="https://www.google.co.in">Google.com</a>

Я хочу, чтобы это было открыто, когда я нажимаю F2 или любую функциональную клавишу...

Теги:

4 ответа

0
Лучший ответ

Вы можете использовать метод onkeydown.

 document.onkeydown = function(){
 if(window.event && window.event.keyCode == 113) 
 {
    window.location.href = "http://www.yoursite.com"
 }
}

Здесь вы можете использовать что-либо вместо 113.F2 - 113, это ascii.F1 - 112, F3 - 114 и так далее.

Поделиться
  • 0
    Работает спасибо ....
  • 0
    пожалуйста...
1 
document.onkeydown = function(){
if(window.event && window.event.keyCode == 113) 
{
   window.location.href = "http://www.google.com"
}
}
Поделиться
  • 0
    Спасибо что подметил это...
  • 0
    И я думаю, что правильный синтаксис для этого перенаправления: window.location.href = 'https://www.google.co.in'; ,
Показать ещё 3 комментария
0 
<html> 
<head> 
    <script> 
        document.addEventListener("keydown", keyDown, false);

        function keyDown(e) 
        {
            var keyCode = e.keyCode;
            if(keyCode==113) {window.location.href = "http://www.google.com";}
        }
    </script> 
</head>
<body>
    <a href="https://www.google.co.in">Google.com</a> 
</body>
</html>
Поделиться
  • 0
    Его работает, спасибо ....
0

Здесь у вас есть реализация ваших требований с помощью jquery: jsfiddle.net/96rLf/2.

Основная часть: jsfiddle.net/96rLf/2. Вы можете использовать jquery

<input type="button" accesskey="?" value="Next Item">

$(window).keydown(function(e) {
    switch (e.keyCode) {
        case 37: case 38:  //key is left or up
            if (currImage <= 1) {break;} //if is the first one do nothing
            goToPrev(); // function which goes to previous image
            return false; //"return false" will avoid further events
        case 39: case 40: //key is left or down
            if (currImage >= maxImages) {break;} //if is the last one do nothing
            goToNext(); // function which goes to next image
            return false; //"return false" will avoid further events
    }
    return; //using "return" other attached events will execute
});
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню