Facebook文本区域功能


Facebook textarea functions

我想知道如何添加一个函数,在键入内容时清除文本区域中的内容。例如,文本区域中的标准消息会说:"键入内容…",但如果键入了内容,文本区域将被清除。基本上,与Facebook在其wallpost文本区域中使用的功能相同。

我如何使文本区域的高度自动跟随文本量,这样就不需要滚动条了。同样,Facebook在其wallpost文本区域中使用的功能也是一样的。

事实上,我注意到,当你输入电子邮件、密码等时,这个网站的注册页面上会使用清除文本区域/输入字段中内容的功能。

我希望你们中的一些人能帮助我。我试着找到一个关于它的剧本,但没有任何运气!

第一件事是一个(HTML5)placeholder属性。这是一条默认存在的消息,当你开始键入时,它就会消失。

http://www.w3.org/html/wg/drafts/html/master/forms.html#the-占位符属性

对于第二个,您需要一些JavaScript。

$('textarea').on('keyup',function(e){
    $(this).css('height',$(this).get(0).scrollHeight);
});

可能不是最好的解决方案,但您可以尝试以下方法。

<script>
function textAreaAdjust(o) {
o.style.height = "1px";
o.style.height = (25+o.scrollHeight)+"px";
}
</script>
<textarea cols="50" id="textAreaAdjust" style="overflow:hidden" placeholder="Type something..."  onkeydown="textAreaAdjust(this)"></textarea>

jsfiddle示例