如何锁定textarea的第一个单词？

Question

基本上我需要创建一个字符有限的textarea,但在开头只有一个单词,它们不能改变.

它需要是textarea的一部分,但我不希望用户能够删除它或编辑它.

我以为我可以创建一个JQuery函数blur()来防止用户退格,但我还需要阻止他们选择该单词并删除它.

更新 我写了这个看起来很棒的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显示前缀,您可以使用标签,更改位置,并缩进textarea内容.用户不会注意到差异.

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