javascript - 捕获具有相同类别的输入的键码

Question

我有一个包含许多文本输入的页面。由于多种原因，所有输入共享同一个类。

现在我试图在输入聚焦时捕获 ESC 按钮，并在输入有值或没有值时发出警报。

现在这在逻辑上仅适用于第一个字段。在第一个字段之后，由于所有输入共享同一个类，因此当我按 ESC 按钮时，它会为您提供第一个输入的值。

那么我怎么能说我正在谈论第二个、第五个或我按下 ESC 键的任何输入。

这是一个示例:http://jsfiddle.net/Y5e9W/

第一个输入工作正常，第二个输入工作正常；当您按 ESC 时，它会为您提供第一个值。

Answer 1

您应该能够将 keyup 事件绑定(bind)到您的类的元素，而不是 document。然后 this 将引用具有焦点的元素:

$(".gp").keyup(function(e) {
    if(e.which === 27) {
        if(this.value.length > 0) {
            //Has a value!
        }
        else {
            //Empty!
        }
    }
});

这是一个 updated fiddle 。请注意，我使用了 which事件对象的属性，jQuery 公开该属性来处理 keyCode 和 charCode 之间的浏览器差异。

根据评论更新

如果您确实需要在文档级别处理此问题，则可以使用has方法将 .gp 元素的选择范围缩小到具有焦点的元素:

if (gj.has(":focus").val() != 0) { //...

这是another fiddle .