html - 在 Textarea 中有不可移动的文本，但仍然能够添加到它？

Question

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

来自 Fiddle 的代码

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

Answer 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/

附带说明一下，您应该将公共(public)代码移动到一个函数中。