- 2
- 0
- 约6.44千字
- 约 8页
- 2017-03-28 发布于湖北
- 举报
自动扩张文本域在诸如Facebook这样的网站上非常流行,文本域的高度随用户输入文本数量的多少而缩放有很多好处:
页面不会被大面积的文本域占有;
一个在线表单有多个文本域看起来更简洁,便于用户完成表单;
用户可以在不使用滚动条的情况下查看文本。
第三部分教程将介绍如何用html和一个可重用德尔jQuery插件构建自动扩展文本域,在看第三篇之前,你需要了解它是如何工作的,以及如何在你的项目中使用这些代码。
查看demo
需求
和许多优秀的开发者一样,我们需要全面理解系统的需求。
任何页面的任何文本域在需要时都能自动扩展;
一些文本域并不需要自动扩展功能;
我们必须确定文本域的高度能无限增长,或者在一个特定额范围里变化,例如:在50px-100px之间变化;
其解决方案在任何页面能得到重用;
必须使用“渐进增强”技巧确保用户在javascript禁用的情况下仍能使用;
方案需兼容IE6+、Firefox2+、opera、safari、chrome。
计划
我们将解决方案作为一个jQuery插件来对待,jQuery主要用来处理更多的DOM嗅探以及事件代理中常见问题,你可以用其它框架来重写代码。
但是,我们如何知道何时该调整文本域的高度,以及如何使用高度值?
首先,我么给文本域分配一个“keyup”事件处理器,这样用户在按下鼠标键和改变文本时会调用函数。
接下来,我们分析
原创力文档

文档评论(0)