Question

我的代码没有运行，我希望在您点击另一个时清除该值

我做错了什么？

var placeholderText = $('input').val();

$(placeholderText).focus(function() {
    $(this).attr('value', "");
});
$(placeholderText).blur(function() {
    $(this).attr('value', phTextVal);
});

Answer 1

您使用'placeholderText'作为选择器，不会选择任何内容。请改用$('input').focus(...和$('input').blur(...。

更新

如果要存储现有值，然后将其替换，请将其作为.data()元素存储在<input>元素中：

$('input').focus(function() {
    $this = $(this);
    $this.data('oldval',$this.val());
    $this.val('');
});
$('input').blur(function() {
    $this = $(this);
    $this.val($this.data('oldval'));
});

http://jsfiddle.net/mblase75/AL2vS/12/

或者可能：

$('input').blur(function() {
    $this = $(this);
    if ($this.val().length==0) { // only if the field is blank
        $this.val($this.data('oldval'));
    };
});

Answer 2

你的意思是这样吗？

http://jsfiddle.net/AL2vS/1/

Answer 3

这至少可以删除文本：

var placeholderText = $('input');

placeholderText.focus(function() {
    $(this).attr('value', "");
});
placeholderText.blur(function() {
    $(this).attr('value', phTextVal);
});

您还可以查看HTML5 placeholder param。

Answer 4

我想更好的方法是：

var placeholderText = $('input');

$(placeholderText).focus(function() {
    phTextVal = $(this).val();
    $(this).val("");
}).blur(function() {
    $(this).val(phTextVal);
});

Answer 5

检查出来，

$('input').focus(function() {
    placeholderText = $('input').val();
    $(this).val("");
});

$('input').blur(function() {
    $(this).val(placeholderText);
});

http://jsfiddle.net/AL2vS/8/

您仍然需要对输入的数据执行某些操作。

Answer 6

如何使用 object.defaultValue 属性？

<强>功能

$.fn.smartInput=function(){
    return this.each(function(i,o){
     $(o).focus(function(){ if(this.value==this.defaultValue) this.value='';})
         .blur(function(){ this.value=(this.value=='')?this.defaultValue:this.value;});
     });

}

<强>用法：

$('input').smartInput();

如何清除文本输入字段中的值？

6 个答案: