【问题标题】:jQuery .blur() not being affected - why?jQuery .blur() 不受影响 - 为什么?
【发布时间】:2010-12-25 03:20:29
【问题描述】:

我用谷歌搜索了这个问题,但找不到答案。

我试图在用户没有关注我的表单上的任何输入时出现警报。我发现了 blur 和 focusout 函数,所以我的代码如下所示:

$("input").blur(function() {
    alert("Unfocused");
});

这适用于我的输入字段没问题。但是对于我的单选按钮输入,它不起作用。我查看了文档和谷歌,但无法弄清楚原因。

【问题讨论】:

    标签: javascript jquery html input


    【解决方案1】:
    $("input:radio").blur(function() {
        alert("Unfocused");
    });
    

    测试这段代码。

    用文字和收音机测试..

    这在 Safari 和 Chrome 中不起作用,因为它们是基于 WEBKIT 的。

    【讨论】:

    • 这什么都不做,除了现在当输入文本字段没有聚焦时模糊不会做。但这要选为输入:radio 只关注无线电领域。
    • 你能发布你的HTML吗,你用的是什么版本的jQuery?
    • 好的,您首先必须单击单选按钮,然后单击其他输入字段。然后,您应该会收到“未聚焦”消息 pokit.etf.ba/get/14a07b7b72ccb00ff432e1cdf3bd5140.jpg ,这是每个输入的情况。
    • 我实际上是在 C&Ping 你的代码,但它仍然不适用于单选按钮。它以我想要的方式工作,用于文本字段但不是单选按钮。模糊是我想要的工作,而不是鼠标。单选按钮的 HTML 是: False
      我什至试过 $(".class-回复”)。也不行。
    • 刚刚尝试了输入、输入:收音机和.class-response,一切正常,您使用的是什么浏览器? pokit.etf.ba/get/d093e42b65b4faa357e0918edcfac080.jpg
    【解决方案2】:

    像这样在前面加上:

    $(":input").blur(function() {
        alert("Unfocused");
    });
    

    :input 过滤器选择器选择所有类型的输入。

    来自文档:

    描述:选择所有输入, textarea、select 和 button 元素。

    http://api.jquery.com/input-selector/


    要仅选择收音机,您应该使用 :radio 过滤器选择器:

    $(":radio").blur(function() {
        alert("Unfocused");
    });
    

    为了获得一点速度增益,您应该像这样添加关键字input

    $("input:radio").blur(function() {
        alert("Unfocused");
    });
    

    更多信息:

    http://api.jquery.com/radio-selector/


    这里有更多form 选择器:

    表单选择器

    表单元素有几个选择器:

    * :input Selects all form elements (input, select, textarea, button).
    * :text Selects all text fields (type="text").
    * :password Selects all password fields (type="password").
    * :radio Selects all radio fields (type="radio").
    * :checkbox Selects all checkbox fields (type="checkbox").
    * :submit Selects all submit buttons (type="submit").
    * :image Selects all form images (type="image").
    * :reset Selects all reset buttons (type="reset").
    * :button Selects all other buttons (type="button").
    * :file Selects all <input type="file">. 
    

    【讨论】:

    • 使用 :input 可以选择输入框,但仍然不是单选按钮按钮。
    • @Josh Weissbock:不,它还选择单选按钮,你在这里测试:jsbin.com/azucu3api.jquery.com/input-selector
    • 不,我的意思是,我试过 :input 但单选按钮仍然没有被设置为模糊。根据我最初的问题。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-04-08
    • 1970-01-01
    • 1970-01-01
    • 2011-08-25
    • 2013-04-08
    • 2020-03-05
    • 2019-11-17
    相关资源
    最近更新 更多