39-讨论

11.9.3　讨论

弹性插件在文本区域上绑定一个定时器和一个blur事件以观察变化。当内容变化时，它将内容复制到一个隐藏的文本区域，并应用原有的样式，计算新的高度，如果新高度超过原始文本区域的高度，启动一个动画改变高度。这使得文本区域可以随着内容添加或者删除而增大和缩小。

另一种方法是由用户调整文本区域的大小。Safari默认为任何文本区域提供这种那个功能。jQuery UI resizable插件（http://jquery-cookbook.com/go/plugin-resizable）在其他浏览器上也能添加同样的功能。从同一个文本区域开始，应用resizable插件，自定义handle选项，仅在右下角显示一个手柄：

$("#resizable").resizable({
　　 handles: "se"
});

利用上述语句并包含jQuery UI基本主题，就可以在文本区域下方显示手柄。添加如下CSS可以将手柄移到文本区域的右下角：

.ui-resizable-handle {
　　 bottom: 17px;
}