javascript - onBlur 不适用于 TextArea

Question

我正在根据表单字段的输入进行值格式化，为此我使用此选择器

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 字段。有什么我想念的吗？

Answer 1

文本区域的 CSS 选择器是 textarea，而不是 input。

因此，要选择两者，您可以执行以下操作:

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

CSS 选择器的工作原理(基础知识):

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

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

• 前面没有任何内容的选择器选择具有特定标记名称的元素(即 div、span、input、 文本区域...)。