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示例
相关文章:
- onkeyup无法动态创建多个文本区域
- 添加文字和评论功能更新Div
- JavaScript打印功能使日历停止工作
- FabricJs-限制主对象内添加对象的移动区域
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 如何防止网页加载后自动启动功能
- 除修剪外的其他功能
- jQuery:在整个文档上触发按键功能,但不在输入和文本区域内
- 在地图区域触发点击功能
- 如果处理字符串值的文本区域是只读的,如何使用 JavaScript 在虚拟键盘上使用 CAPSLOCK 功能
- 需要有关自定义文本区域最大长度功能的建议
- Facebook文本区域功能
- jQuery Scroll-在进入/退出滚动区域时触发一次功能
- Php聊天功能.滚动到'帖子区域'
- 悬停区域的射击功能
- JSP Enter中的文本区域来实现一个功能
- 添加字体+功能的文本区域
- 当有多个可编辑的文本区域时,timymce模糊功能不起作用
- jQuery-检测特定像素区域的点击,然后执行功能
- 将文本插入文本区域后,功能会发生变化