JQuery 根据当前文本替换输入文本

JQuery Replace Input Text Based On Current Text

本文关键字：文本替换 输入 文本 JQuery      更新时间：2023-09-26

选择元素时如何删除值？

<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');
    };
});

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

使用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" />
相关文章：