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

发布于 2024-12-17 06:38:56 字数 356 浏览 1 评论 0 原文

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

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

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

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

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

第一个输入工作正常，第二个输入工作正常想法;当你按 ESC 时，它会给你第一个的值。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

双马尾 2024-12-24 06:38:56

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

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

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

根据评论更新

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

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

这里是另一个小提琴。

You should be able to bind the keyup event to the elements with your class, rather than the document. Then this will refer to the element with focus:

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

Here's an updated fiddle. Note that I've used the which property of the event object, which jQuery exposes to deal with browser differences between keyCode and charCode.

Update based on comments

If you do need to handle this at the document level, you can use the has method to narrow down your selection of .gp elements to the one which has focus:

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

Here's another fiddle.

回复收藏 0 原文

撩发小公举 2024-12-24 06:38:56

你可以这样做 -

$(".gp").keyup(function (e) {
     if ($(this).is(":focus") && (e.keyCode == 27)) {
         if ($(this).val() != 0){
             alert('full');
               $(this).val('');
         }else{
             alert('empty');}
    }
});

它只会响应具有 'gp' 类的元素的 keyup 事件，然后你可以使用 this 访问相关元素。

演示 - http://jsfiddle.net/uqS72/2/

You could do -

$(".gp").keyup(function (e) {
     if ($(this).is(":focus") && (e.keyCode == 27)) {
         if ($(this).val() != 0){
             alert('full');
               $(this).val('');
         }else{
             alert('empty');}
    }
});

Which will only respond to the keyup event of elements with the 'gp' class, you can then use this to access the relevant element.

Demo - http://jsfiddle.net/uqS72/2/

回复收藏 0 原文

~没有更多了~