Question

I m trying to make all textareas remove default text on focus, except those of class "pre-fill". But the problem is the textareas of class "pre-fill" are still being selected and included.

Suggestions on how to fix this? Thanks.

jQuery(document).ready(function inputHide(){

    $( textarea, input:text, input:password ).not($( .pre-fill )).focus(function() {
            if ($(this).val() === $(this).attr( defaultValue )) {
                $(this).val(  );
            }
        }).blur(function() {
            if ($(this).val()===  ) {
                $(this).val($(this).attr( defaultValue ))
            }
        });

});

Answer 1

您不应该在.not方法调用中有jQuery变量（$）。试试这个：

.not( .pre-fill )

在代码的上下文中：

$( textarea, input:text, input:password ).not( .pre-fill ).focus(function() {
        if ($(this).val() === $(this).attr( defaultValue )) {
            $(this).val(  );
        }
    }).blur(function() {
        if ($(this).val()===  ) {
            $(this).val($(this).attr( defaultValue ))
        }
    });

Answer 2

您还可以使用:not（）选择器。

请注意，this.value比$（this）.val（）效率高得多，因为它是对DOM元素属性的直接访问，而不是通过首先构建jQuery对象然后调用jQuery方法来访问完全相同的属性。

$( textarea, input:text:not(.pre-fill), input:password:not(.pre-fill) )
   .focus(function() {           
        if (this.value === $(this).attr( defaultValue )) {
            this.value = "";
        }
    }).blur(function() {
        if (this.value ===   ) {
            this.value = $(this).attr( defaultValue );
        }
    });

友情链接