Как настроить горячие клавиши при верстке?

Question

[ww bb]

Как сделать, чтобы при нажатии на enter отправил сообщение или shift+enter добавил новую строку или ctrl+e открыл мой профиль?

Comments

[goodknight]

вы о чем -_-

[ww bb]

о том что ты не знаешь

Answer 1

[Roman Zhak]

$( document ).bind('keydown', function( event ) {
  // your code
  // e.g. with alert: 
    if ( event.ctrlKey && event.keyCode === 13 )
      window.alert("Ctrl + Enter pressed");
    return false;
});
// аналогично для любого сочетания

Answer 2

[Виталий Желтяков]

Принцип, думаю, понятен

// Отслеживаем нажатие клавиш клавиатуры
$(document).keydown(function(event) {
	// Enter
	if ((event.keyCode == 13)&&($(".ok:visible").size())) $(".ok:visible").click();
	return false;
});

Answer 3

[Богдан Горбешко]

Советую ещё взглянуть на плагин jQuery Hotkeys; он хоть и вносит небольшой оверхед, но значительно упрощает написание кода, особенно когда хоткеев на один элемент вешается мало.

Comments

[Максим Дунаевский]

Да, только JavaScript. Хотя, если поместить input в форму, то кнопка со свойством "sumbit" станет работать по Enter'у.

[Богдан Горбешко]

Ну суть принципиально не меняется, просто нужно использовать нативный addEventListener. Вешать можно на весь документ, однако лучше только на форму. Фильтровать коды клавиш придётся вручную условиями, получить их и зажатые модификаторы можно из соответствующих свойств объекта Event. Для обработчика Enter нужно использовать stopPropagation, чтобы событие в итоге до текстбокса не доходило и перенос не добавлялся, по Shift+Enter же нужно менять value текстбокса, используя нарезку строк substring и свойства selectionStart и selectionEnd, чтобы определять положение курсора и необходимость замены выделенного куска текста на перенос.