可以使用jquery在网页的不同部分使用keydown吗？

假设我有以下内容

$（“#sectionA”）.bind（按键、函数（事件）
{
警报（“A节”）；
返回false；
});
$（“#sectionB”）.bind（键控，函数（事件）
{
警报（“B节”）；
返回false；
});
$（“#sectionA”）.bind（键控，函数（事件）
{
警报（“C节”）；
返回false；
});

---

这可能吗？如果不可能，我如何才能让它发挥作用？

它可以在有焦点的项目上发挥作用。你可以让他们

contenteditable

，或者像Marc提到的那样，给他们一个

tabindex

，这样就可以了

您还需要确保将事件引用为字符串，而不是变量：

$("#sectionA").bind(keydown, function(events)

应该是

$("#sectionA").bind('keydown', function(events)

---

演示：

它可以处理具有焦点的项目。你可以让他们

contenteditable

，或者像Marc提到的那样，给他们一个

tabindex

，这样就可以了

您还需要确保将事件引用为字符串，而不是变量：

$("#sectionA").bind(keydown, function(events)

应该是

$("#sectionA").bind('keydown', function(events)

---

演示：

我的目标是让keydown在web应用程序的不同部分工作。您可以通过“keydown”（缺少引号）更改keydown，最后一个选择器可能是

“#sectionC”

，而不是

#sectionA

记住

contenteditable

是HTML5，希望这不是问题我的目标是让keydown在web应用程序的不同部分工作。您可以通过“keydown”（缺少引号）更改keydown，并且最后一个选择器可能是

“#section c”

，而不是

#section a

记住

contenteditable

是HTML5，希望这不是问题这是真的，此外，任何具有

tabindex

属性的内容。看看这个选项卡索引的例子：两者都有一些缺点。@MarcBaumbach将

tabindex=“0”

添加到其中的3个选项卡中，除了在选项卡中添加更多的项目外，我看不到任何缺点。感谢您理解问题和解决方案。他还需要通过

“keydown”

更改

keydown

（缺少引号）缺点是现在可以选择（鼠标或标签-至少在Chrome上）。这可能是一种负面的用户界面体验，但这当然取决于应用程序。

contenteditable

有一个稍微明显的缺点，但只适用于支持它的浏览器。这是真的，此外，任何具有

tabindex

属性的内容都是如此。请参见以下tabindex的示例：两者都有一些缺点，但是ver.@MarcBaumbach将

tabindex=“0”

添加到其中的3项中，除了在选项卡中添加更多项之外，我看不到任何负面影响。感谢您理解问题和解决方案。他还需要通过

“keydown”

（引号缺失）更改

keydown

。负面影响是它们现在可以选择了（鼠标或标签-至少在Chrome上）。这可能是一种负面的用户界面体验，但这当然取决于应用程序。

contenteditable

有一个稍微明显的缺点，但只适用于支持它的浏览器。