如何在html文本区域的开头添加默认文本？

Question

我正在建立一个个人的小社交网络.作为设计的一部分,所有状态都应以不应更改的默认文本开头,类似于"嗨,我的名字是......",然后用户完成剩下的工作.有点像HTML5占位符,不会消失.实现这一目标的最佳方法是什么？

Answer 1

如果它符合目的,请参考这个小提琴,请找到下面的代码.

标记:

<textarea id='status'>
Hi, my name is...
</textarea>

JavaScript的:

document.querySelector('#status').addEventListener('input', function(e){
    var defaultText = 'Hi, my name is...',
        defaultTextLength = defaultText.length;
    if(this.selectionStart === this.selectionEnd && this.selectionStart defaultTextLength {
        this.value = defaultText;
    }
});