Textarea 中有不可移除的文本，但仍然可以添加？答案

【问题标题】：Having non removable text in Textarea but still being able to add to it?Textarea 中有不可移除的文本，但仍然可以添加？
【发布时间】：2013-06-24 22:39:23
【问题描述】：

我想要一个以“我是”开头的文本区域，但它是不可移动的，就像我希望它始终存在，没有占位符，并且没有人可以删除它，当文本开始时它会被隐藏书面。我将如何为 textarea 执行此操作。

小提琴代码

HTML

<input type="text" class="prefix" value="prefix_" >

Javascript

$('input.prefix').keyup(function(){
   var prefix = 'prefix_';
    if(!(this.value.match('^prefix_'))){
         this.value = prefix;                
    }        
});

$('input.prefix').blur(function(){
   var prefix = 'prefix_';
    if(!(this.value.match('^prefix_'))){
         this.value = prefix;                
    }        
});

【问题讨论】：

您有什么尝试解决这个问题的吗？如果您告诉我们您到目前为止所做的尝试，我们将更愿意回答您的问题。（提出更好问题的有用链接：How to Ask、help center）
我尝试了一个 javascript 选项，但问题是如果您删除所需的文本，它会删除用户编写的所有内容 (jsfiddle.net/vBBpS/2)
背景图片和文本缩进。不性感，但它会工作
我觉得你应该看看这个Question

标签： html css forms input textarea

【解决方案1】：

您的 fiddel 中的代码很接近。而不是用prefix替换内容，而是用prefix和值替换它

$('input.prefix').keyup(function(){
   var prefix = 'prefix_';
    if(!(this.value.match('^prefix_'))){
         this.value = prefix + this.value;                
    }        
});

$('input.prefix').blur(function(){
   var prefix = 'prefix_';
    if(!(this.value.match('^prefix_'))){
         this.value = prefix + this.value;                
    }        
});

示例：http://jsfiddle.net/vBBpS/1/

顺便说一句，您应该将公共代码移到函数中。

【讨论】：