На конкретное событие нажатия клавиши в расширении Chrome

Question

Я хочу сделать расширение Google Chrome, в котором есть простой index.html . На этой странице, когда я нажму alt + ctrl + a , фокус мыши должен быть на первом текстовом поле.

У меня трудности с реализацией кода для сочетаний клавиш.

Answer 1

Возможно, вы захотите взглянуть на синтаксис accesskey:

http://www.cs.tut.fi/~jkorpela/forms/accesskey.html#ex

HTH:)

Редактировать : Правильно, пример страницы не очень хорош, так что вот эталонная реализация.

По сути, вы хотите добавить accesskey="f" для CAf, чтобы привлечь внимание к полю ввода.

Слегка измененный пример из базовой формы поиска Википедии:

<form action="http://en.wikipedia.org/w/index.php" id="searchform">
 <div id="simpleSearch">
  <input type="text" name="search" value="Example text" title="Search Wikipedia [f]" accesskey="f" id="searchInput" />
   <button type="submit" name="button" title="Search Wikipedia for this text" id="searchButton"><img src="foo.png" alt="Search" title="Search" /></button>
<input type='hidden' name="title" value="Special:Search"/>
  </div>
</form>

В этом примере нажатие CAf должно привести к фокусировке браузера на нужном блоке.

Пока вы там,Возможно, вы захотите, чтобы JavaScript был даже привязан к форме, чтобы, если пользователь выбирает поле с помощью мыши, он все равно автоматически выбирал весь текст для более удобного ввода.

Сначала вставьте это в заголовок (или файл js):

function SelectAll(id)
{
    document.getElementById(id).focus();
    document.getElementById(id).select();
}

... затем добавьте событие onClick в поле ввода, которое выглядит примерно так: onClick="SelectAll('searchInput');", в результатев этой строке:

  <input type="text" name="search" value="Example text" title="Search Wikipedia [f]" accesskey="f" id="searchInput" onClick="SelectAll('searchInput');" />