Как установить функциональную клавишу (f2) для переименования вкладки

#javascript #html #css

#javascript #HTML #css

Вопрос:

На прилагаемом снимке экрана вы можете увидеть, что для переименования выбранной вкладки мы должны щелкнуть по ней, а для удаления вкладки нам нужно навести курсор мыши на невыбранную вкладку. Теперь эти события недоступны на клавиатуре. Для этого я хочу установить клавишу f2 для переименования, т.Е.. когда вкладка выбрана, я могу переименовать ее, нажав клавишу f2, а для удаления вкладки я хочу исправить кнопку удаления на вкладке вместо наведения курсора мыши и сделать ее доступной на клавиатуре.

Теперь мне нужно решение для обеих этих двух проблем, и я могу предоставить css-код для удаления вкладки.

 .js .delete-tab {
    background: url(../images/common/remove.png) no-repeat 42%;
    cursor: pointer;
    display: block;
    height: 8px;
    position: absolute;
    right: 2px;
    text-indent: -9999em;
    top: 2px;
    width: 8px;
}

скриншот

1. Вы можете добавить keydown событие в текст, чтобы получать уведомления о том, какая клавиша нажата в вашем документе. Используйте e.keyCode , чтобы узнать, какая клавиша — F2 имеет ключевой код 113.

2. С точки зрения удобства использования, пожалуйста, имейте в виду, что F2 для переименования — это функция Windows. Может быть не столь интуитивно понятным для пользователей Linux / Mac. Поэтому обязательно четко сообщайте об этом.

Ответ №1:

Способ jQuery:

 $('body').keydown(function(e) {
    if (e.which === 113) {
        // F2 was pressed
        // e.target holds a reference to the current DOM element
    }
});