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

Question

我想要一个以“我是”开头的文本区域，但它是不可移动的，就像我希望它始终存在而不是占位符一样，并且没有人可以删除它，当开始编写文本时它会被隐藏。我将如何为 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;                
    }        
});

Answer 1

您的小提琴中的代码很接近。而不是用替换内容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/

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