Question

如何在选择元素时删除值？

<input type="text" value="Name" />

如果选择了输入框，就像在单击鼠标中一样，我想清除该值。如果此输入框中没有输入值，我想恢复库存值，在本例中为“名称”。但是，如果框中没有“空格”，则保留该字符串值。

$('input').on('select', function() {
    if(this).val() == 'Name') {
        $(this).val('');
    };
});

$('input'.on('unselect', function() {
    if($(this).val() == '') {
        $(this).val('Name');
    };
});

我非常清楚“选择”和“取消选择”是不正确的。

Answer 1

使用focus和blur事件：

$('input').on('focus', function() {
    if($(this).val() == 'Name') {
        $(this).val('');
    };
});

$('input'.on('blur', function() {
    if($(this).val() == '') {
        $(this).val('Name');
    };
});

或者，使用HTML placeholder属性：

<input type="text" placeholder="Name" />

JQuery替换基于当前文本的输入文本

1 个答案: