JQuery全局占位符替换

Question

由于我对一些浏览器不支持“占位符”-Tag这一事实并不满意，所以我想：“为什么不在JS最常见的时候开发一个JS-变通方法呢？”

因此，我构建了一个表单-输入-搜索，它在JS中实现了所有占位符的行为，这有一个优点: onFocus将清除字段！事实上，占位符不清除字段onFocus是这样做的另一个原因。下面是代码，你可以随意使用和修改：

Answer 1

$('form').each(function(){
                var f = $(this);
                f.find('input[type=text]').each(function(){
                    var s = $(this);
                    var attr = s.attr('placeholder'); 
                    if (attr && $.trim(attr)!='') {
                        $.extend(this,{oldPlaceholder: s.attr('placeholder')})
                        s.removeAttr('placeholder');

                        if ($.trim(this.value)=='') {
                            this.value = this.oldPlaceholder;
                        }


                        s.focus(function(){
                            if ($.trim(s.val())==this.oldPlaceholder) {
                                s.val('');
                            }
                        });

                        s.blur(function(){
                            if ($.trim(s.val())=='') {
                                s.val(this.oldPlaceholder);
                            }
                        });
                    }
                });

                f.submit(function(){
                    $(this).find('input[type=text]').each(function(){
                        if (this.oldPlaceholder && $.trim(this.value)==this.oldPlaceholder) {
                            this.value = '';
                        }
                    });
                });
            });