2014-01-04 1 views
0

У меня есть несколько тегов link_to на странице ERB, созданной как кнопки с Bootstrap (класс btn). Как связать ключ Enter с одним из них?Как связать ключ Enter с тегом link_to в Rails?

+0

он должен работать таким образом по умолчанию. Я просто отключил JS и попытался наброситься на него и нажав Enter на ссылках на кучу различных веб-сайтов - ссылка всегда соблюдалась. – sevenseacat

ответ

1

Я предполагаю, что когда вы говорите: «Свяжите клавишу Enter с одним из них», вы имеете в виду «Когда пользователь нажимает Enter, они следуют ссылке по моему выбору».

Для этого я бы поставил идентификатор тега ссылки, за которым вы хотите следовать. В моем примере ниже я буду использовать #follow-me

Тогда вам понадобится использовать Javascript. Предполагая, что вы используете JQuery, что-то вроде этого:

var ENTER = 13; //This is the js keycode for ENTER 

function my_custom_keypress(e){ 
    key = e.which; 
    if(key == ENTER){ 
    var my_target_url = $('a#follow-me').attr('href'); //Figures out where your link goes... 
    window.location = my_target_url(); //...and sends the user to that URL. 
    } 
} 

$(document).on('keydown', my_custom_keypress); //when user presses a key, triggers our fxn 

Если вы на самом деле хотели бы вызвать событие щелчка на целевую ссылку, а не принудительно связывая пользователя, вы можете немного изменить код следующим образом (опять , для этого требуется jQuery):

var ENTER = 13; //This is the js keycode for ENTER 

function my_custom_keypress(e){ 
    key = e.which; 
    if(key == ENTER){ 
    $('a#follow-me').trigger('click'); 
    } 
} 

$(document).on('keydown', my_custom_keypress); //when user presses a key, triggers our fxn 

Это должно сделать это, и удачи!

+1

Отлично. Я пошел со вторым решением. – ilovebigmacs

Смежные вопросы