javascript - 文本区域的不可编辑、可移除部分

Question

我有一个简单的文本区域，它有一个默认值。我想每次都保持这个值。用户不应删除此值，但可以添加额外的字符串。

<textarea>This is contstant</textarea>

正如你在上面看到的。它有一个默认值。我怎样才能保护这个值(value)？但用户可以在默认值后添加一些内容，如下所示。

<textarea>This is contstant and extra things by user</textarea>

那么如何使用默认值实现部分可编辑的文本区域呢？

Answer 1

您可以将事件处理程序附加到 <textarea>每次更改时都会进行简单的验证。如果它尝试更改到常量被部分破坏的位置，请覆盖字符串值的 X 字符。

$('#foo').keydown(function () {
    if ($(this).val().indexOf("This is constant.  ") !== 0) {
        var length = "This is constant.  ".length;
        var current = $(this).val();
        var after = current.slice(length);

        $(this).val("This is constant.  " + after);
    }
});

这是 JSFiddle 上的示例.

我建议为此使用 JQuery，因为 <textarea>实际上没有value ，或者我认为甚至是 text您可以检查的属性。 JQuery 只是抽象了 <textarea>的怪癖。