Question

我想制作一个google chrome扩展程序，其中有一个简单的 index.html 。在该页面上，当我按 alt + ctrl + a 时，鼠标焦点应位于第一个文本框中。

我在如何实现键盘快捷键的代码方面遇到了困难。

Answer 1

您可能希望查看accesskey语法：

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

HTH：）

编辑：是的，页面示例并不是那么好，所以这是一个参考实现。

基本上，您要做的是为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();
}

...然后将onClick事件添加到如下所示的输入字段：onClick="SelectAll('searchInput');"，从而产生以下行：

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

关于chrome扩展中的特定按键事件

1 个答案: