Javascript使一个单词不可编辑到文本区域答案

【问题标题】：Javascript make a word not editable into the text areaJavascript使一个单词不可编辑到文本区域
【发布时间】：2013-04-01 19:11:26
【问题描述】：

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

感谢您的支持。

【问题讨论】：

那么，你想让我们做你的功课吗？
@Shikiryu 如果我在这里发布它可能是因为我已经搜索了没有结果的解决方案。不是stackoverflow的原因吗？分享知识？你的评论真的没有意义。还是谢谢。
@DavidStarkey 我试过这个没有运气stackoverflow.com/questions/5444874/…
@user1929719 那么，你的问题问得不好。
确实 stackoverflow 是为了在人们自己研究之后使用，但这偶尔会被滥用。请原谅所做的假设。我们在这里谈论多少编辑与永久？这就像一个 madlib，在这里或那里只需要一个词吗？

标签： javascript

【解决方案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;
}

【讨论】：