onBlur无法处理TextArea

时间:2015-08-23 18:50:36

标签: javascript jquery

我正在根据表单字段的输入处理Value Formating,为此我使用了这个选择器

jQuery( "input[name*='socialtag']" ).blur(function() {
     var value = jQuery(this).val();
    alert(value);
 });

我也使用这样的替代方案:

jQuery(document).on('blur', 'input[name*=\'socialtag\']', function () {
    var value = jQuery(this).val();
    alert(value);
});

两者都适用于输入字段,但它不适用于TextArea字段。有什么我想念的吗?

2 个答案:

答案 0 :(得分:3)

textarea的CSS选择器为textarea,而不是input

因此,要选择两者,您可以这样做:

jQuery(document).on('blur', 'input[name*=\'socialtag\'], textarea[name*=\'socialtag\']', function () {
    var value = jQuery(this).val();
    alert(value);
});

CSS选择器如何工作(基础知识)

  • #开头的选择器选择具有特定ID的元素。

  • .选择具有特定类别的元素开头的选择器。

  • 在其前面没有任何内容的选择器选择具有特定标记名称的元素(即divspaninputtextarea ...)

答案 1 :(得分:1)

在HTML中,TextArea本身就是TAG。它不是一种输入字段。因此,尝试找到具有该名称的输入不会起作用。试试这个:

jQuery( "textarea[name*='socialtag']" ).blur(function() {
    var value = jQuery(this).val();
    alert(value);
});