クロムエクステンションの特定のキープレスイベントについて

Question

Googleクロムエクステンションを作成したいと思いますが、その中には簡単なのindex.htmlがあります。そのページで、alt + ctrl + を入力すると、マウスのフォーカスは最初のテキストボックスに表示されます。

キーボードショートカットのコードを実装する方法がわかりません。

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

HTH :)

編集：：右、ページの例は本当に良くなかったので、ここだあなたがaccesskey構文に見たいと思うかもしれません

Answer 1

参照実装。

基本的には、入力フィールドに注意を促すためにC-A-fにaccesskey="f"を追加します。

ウィキペディアの基本的な検索フォームからわずかに修正例：

<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> 

この例では、C-A-Fを押すと、所望のボックスにブラウザのフォーカスをもたらすべきです。

ユーザーがマウスを使ってフィールドを巧妙に鳴らしても、自動的に入力を容易にするためにすべてのテキストが自動的に選択されるように、フォームにバインドされたJavaScriptを使用することもできます。

まず、あなたのヘッダ（またはJSファイル）でこれを置く：

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

...このようlooke入力フィールドにonClickイベントを追加します。この行で、その結果、onClick="SelectAll('searchInput');"：

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