Сочетание клавиш для гиперссылки (jQuery)

Question

У меня есть шесть ссылок на моей веб-странице (и ничего больше), и я хотел бы пронумеровать каждую, от 1 до 6. Было бы хорошо, чтобы клиент нажимал соответствующую цифровую клавишу без сочетаний клавиш Ctrl, Alt и т. Д.

Возможно ли это, и что будет лучшим подходом с jquery или другими html-скриптами?

Answer 1

Вот одна версия для jQuery:

$(document).ready(function() {
   $("body").keypress(function(event) {
    var link = "#link";
      if(event.keyCode == 49) link += 1;
      if(event.keyCode == 50) link += 2;
      if(event.keyCode == 51) link += 3;
      if(event.keyCode == 52) link += 4;
      if(event.keyCode == 53) link += 5;
      if(event.keyCode == 54) link += 6;

      if(link != "#link") $(link).trigger("click");
   });
});

Answer 2

Без управления + клавиша: прослушиватель событий нажатия клавиши в запросе и прослушивание определенного кода клавиши для каждой кнопки.

С клавишей control +: вы можете использовать ключ доступа ( http://www.cs.tut.fi/~jkorpela/forms/accesskey.html)

Answer 3

Если вы хотите сделать это без клавиши alt или ctrl, вам понадобится JavaScript. Вы можете прикрепить список событий к тегу html или body и прослушать событие нажатия клавиши. Не используйте сложные операторы "если", в этом нет необходимости. Это может быть элегантно, как это (используя jQuery):

<a href="http://domain1.com" code="1">link1</a>
<a href="http://domain2.com" code="2">link2</a>
etc

$('body').keypress(function(e) {
  $('[code=' + String.fromCharCode(e.keyCode-48) + ']').click();
});

С помощью клавиши ctrl / alt вы можете использовать html-атрибут accesskey: http://reference.sitepoint.com/html/a/accesskey

Answer 4

$('body').bind('keypress', function(e) {
    if(e.keyCode==49){ // number 1 on the keyboard been pressed
        $('firstHref').click();
    } else if(e.keyCode==50) { // number 2
        $('secondHref').click();
    } else if(e.keyCode==51) { // number 3
        $('thirdHref').click();
    }else if(e.keyCode==52) { // number 4
        $('fourthHref').click();
    }else if(e.keyCode==53) { // number 5
        $('fiveHref').click();
    }else if(e.keyCode==54) { // number 6
        $('sixHref').click();
    }
});

Answer 5

Вы можете попробовать что-то вроде этого: Ссылка (нажмите кнопку "Выполнить", затем щелкните внутри поля "Результат", прежде чем вы нажмете оцепенелые клавиши).

$('body').bind('keypress', function(e) {
    if(e.keyCode==49){ // 1
                alert('1 key pressed');
     window.location = "http://www.stackru.com/"                
    }
    if(e.keyCode==50){ // 2
                alert('2 key pressed');
       window.location = "http://jsfiddle.net/"               
    }
    if(e.keyCode==51){ // 3
                alert('3 key pressed');
       window.location = "http://www.google.com/"                 
    }
    if(e.keyCode==52){ // 4
                alert('4 key pressed');
      window.location = "http://www.stackru.com/"                  
    }
    if(e.keyCode==53){ // 5
                alert('5 key pressed');
      window.location = "http://jsfiddle.net/"                  
    }
    if(e.keyCode==54){ // 6
                alert('6 key pressed');
       window.location = "http://www.google.com/"                 
    }
});​