javascript - Javascript使一个单词不可编辑到文本区域

Question

我有一个基本的文本区域。我需要一个 javascript 函数，它将一个词（即 #default ）写入这个文本区域，并且只会使这个词不可编辑。textarea 的其余部分应保持正常可写。只有通过 javascript 定义的词不能由用户编辑。有没有办法在 IE7 上也可以使用？

感谢您的支持。

Answer 1

您可以尝试添加text-indent到文本区域，然后为主题标签提供绝对位置。我不确定它是否适用于 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;
}