javascript - 如何锁定文本区域的第一个词？

Question

基本上我需要创建一个字符限制的文本区域，但开头只有一个单词，它们不能更改。

它需要成为文本区域的一部分，但我不希望用户能够删除或编辑它。

我想我可以使用 blur() 创建一个 JQuery 函数来防止用户退格，但我还需要防止他们选择那个词并将其删除。

更新我写了这个 JQuery，它似乎工作得很好!但是我喜欢下面的解决方案，因为它不需要 Javascript。

<script type="text/javascript">
    var $el = $("textarea#message_create_body");
    $el.data('oldVal', $el.val());

    $el.bind('keydown keyup keypress', function () {
        var header = "Header: ";
        var $this = $(this);
        $this.data('newVal', $this.val());
        var newValue = $this.data("newVal");
        var oldValue = $this.data("oldVal");

        // Check to make sure header not removed
        if (!(newValue.substr(0, header.length) === header)) {
            $(this).val(oldValue);
        } else {
            $(this).data('oldVal', $(this).val());
        }
    });
</script>

Answer 1

如果只是想让textarea显示一个前缀，可以使用label，改变位置，缩进textarea的内容。用户不会注意到差异。

你可以在这里看到它是如何工作的:http://jsfiddle.net/FLEA3/ .