Javascript使一個詞不能編輯到文本區域

Question

我有一個基本的文本區域。 我需要一個JavaScript函數，它會將一個單詞（即#default）寫入此textarea，並且只會讓這個單詞不可編輯。 textarea的其餘部分應保持正常寫入狀態。只有通過javascript定義的單詞不應該由用戶編輯。 有沒有辦法做到這一點，將在IE7as上工作呢？

感謝您的支持。

Answer 1

您可以嘗試將text-indent添加到textarea，然後給hashtag賦予絕對位置。我不知道它會在IE7工作，但這裏的是，在Chrome和Firefox工作的例子：http://jsfiddle.net/c5ZKk/

HTML：

<div class="hashtag">#hashtag</div> 
<textarea>editable text</textarea> 

CSS：

body, textarea { 
    font: 14px/1.5 Arial, sans-serif; 
} 

.hashtag { 
    position: absolute; 
    color: #aaa; 
    margin: 6px 0 0 5px; 
} 

textarea { 
    margin: 0; 
    padding: 5px; 
    text-indent: 62px; 
    width: 300px; 
    height: 200px; 
}