jQuery .blur（）没有受到影响 - 为什么？

Question

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

当用户忽略表单上的任何输入时，我会尝试显示警告。我发现了模糊和聚焦功能，所以我的代码看起来像：

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

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

Answer 1

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

测试此代码。

用文字和广播进行测试..

由于它们是基于WEBKIT的，因此在SAFARI和CHRY中不起作用。

Answer 2

只需将:放在这之前：

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

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

来自文档：

  

描述：选择所有输入，   textarea，select和button elements。

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">.