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

Question

假设我有以下内容，

<div id="sectionA"></div>
<div id="sectionB"></div>
<div id="sectionC"></div>

$("#sectionA").bind(keydown, function(events)
{
    alert("section A");
    return false;
});

$("#sectionB").bind(keydown, function(events)
{
    alert("section B");
    return false;
});

$("#sectionA").bind(keydown, function(events)
{
    alert("section C");
    return false;
});

这可能吗，如果没有，我怎样才能让它工作？

Answer 1

它可以处理具有焦点的项目。您可以制作它们contenteditable，或者正如 Marc 提到的那样，给它们 atabindex并且它会起作用。

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

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

应该

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

演示：http: //jsfiddle.net/5upvR/