Добавление сочетания клавиш к элементу html с помощью JS

#javascript #html

#javascript #HTML

Вопрос:

 <li><a href="javascript:onUsersClick();" id="masterUsersMenu">Users</a>

Как я могу добавить комбинацию клавиш быстрого доступа к вышеуказанному элементу html. Что-то вроде

 <li><a href="javascript:onUsersClick();" id="masterUsersMenu" shortcut= "Ctrl U">Users</a>

так что при нажатии «Ctrl U» метод вызывается автоматически.

1. Обратите внимание, что в некоторых браузерах, например, в Google Chrome, ctrl u является сокращением клавиатуры для «просмотра источника». Постарайтесь не переопределять ожидаемое поведение браузера, возможно, попробуйте ctrl shift u ( простая демонстрация )

Ответ №1:

использование accesskey

например :

 <li><a href="javascript:onUsersClick();" id="masterUsersMenu" accesskey="PREFFERED_ACCESS_KEY">Users</a>

способ запуска ключа доступа зависит от используемого браузера и accesskey значения, которое вы вводите в элемент

для получения подробной информации об использовании ключей доступа см. Здесь

1. Так что это будет [Alt] c

2. Пожалуйста, не ссылайтесь на W3Schools, используйте MDN:accesskey для примеров и спецификацию HTML5 для окончательного руководства.

3. зависит от используемого браузера. подробности см. По ссылке в моем сообщении

4. 1, @ejay_francisco. Я имел в виду, что вы могли бы включить эту информацию в свой ответ, потому что Op находится под впечатлением Ctrl U в вопросе.

Ответ №2:

Возможно, вам потребуется прочитать msdn

Используйте jQuery. Возможно, вам потребуется сослаться на демонстрацию здесь: http://jsfiddle.net/lesson8/sjNLs /

В конце концов, если вам нужно использовать ключ доступа в привязке, вы можете посмотреть демонстрацию здесь:

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_global_accesskey

Запомнить accesskey работает с alt .

Ответ №3:

Попробуйте использовать этот jQuery

 $(document).keypress("U",function(e) {
    if(e.ctrlKey){
        onUsersClick();
    }
    return false
});

Ответ №4:

Надежная библиотека Javascript для записи ввода с клавиатуры и введенных комбинаций клавиш. У него нет зависимостей.

http://jaywcjlove.github.io/hotkeys/

 hotkeys('ctrl a,ctrl b,r,f', function(event,handler){
    switch(handler.key){
        case "ctrl a":alert('you pressed ctrl a!');break;
        case "ctrl b":alert('you pressed ctrl b!');break;
        case "r":alert('you pressed r!');break;
        case "f":alert('you pressed f!');break;
    }
});