获取更改后输入的默认值

get default value of input after change

本文关键字：默认值 输入 获取      更新时间：2023-09-26

我想知道.val()更改后如何检索输入字段的默认值。我的标记是.large和.medium类的不同文本输入，并且我在每个字段中都有一个默认文本值。

我想做的是，当用户focusin字段的默认值消失。当focusout字段时，将返回默认值。现在，当用户已经键入了一些内容时，即使在focusout上，该字段也会保持键入的值，但我无法处理的是，如果用户删除了其键入的文本并将焦点集中在外，则默认值应该会再次出现。

我的代码是：

        var $inputs = $('.large, .medium');
        var allowSaveVal = true;    
        $inputs.on('focusin', this, function() { 
             saveVal = $(this).val();
             if (allowSaveVal) $(this).val('');
        });
        $inputs.on('keydown', this, function() {
            allowSaveVal = false;
            $(this).css('color', '#000000');
        });
        $inputs.on('focusout', this, function() { 
            if($(this).val() == '') $(this).val(saveVal);
            if (allowSaveVal) $(this).val(saveVal);
        });

希望我的问题很清楚。谢谢

您不必对此进行编码，只需使用placeholder属性即可。

示例：

<input type="text" placeholder="default text">

您可以在html代码中使用"占位符"，而不是js或jquery。

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

如果用户在输入中输入一个值并进行聚焦，则该值不会消失。

在更改任何内容之前，将值保存在js代码中的变量中，以后可以调用它。

var largeInit = $('.large').val();
var mediumInit = $('.medium').val();

如果我完全理解你的问题，那么你可以用html元素的占位符属性来完成

尝试：

<input type='text' placeholder='This your default value' />

如果这有帮助，不要忘记接受答案。

相关文章：