![](/img/trans.png)
[英]Prevent textarea and mirrored content in a flex element from expanding dynamically with content
[英]Prototype plugin for dynamically expanding textarea
有誰知道一個很好的原型插件,該插件可以使textareas根據其中包含的文本數量自動擴展/收縮(例如,添加一行區域會變大,刪除一行會變得變小)?
我需要一個可以免費使用的軟件(例如某種形式的GPL類型許可)。
這使用原型:
<textarea id='t1' cols="40" rows="7" style='overflow:hidden;font-size:14px;font-family:"Times New Roman", Times, serif'></textarea>
<script type="text/javascript">
function activateResize(element) {
Event.observe(element, 'keyup', function() {
updateSize(element)
});
updateSize(element)
}
function updateSize(element) {
//if scrollbars appear, make it bigger, unless it's bigger then the user's browser area.
if(Element.getHeight(element)<$(element).scrollHeight&&Element.getHeight(element)<document.viewport.getHeight()) {
$(element).style.height = $(element).getHeight()+15+'px'
if(Element.getHeight(element)<$(element).scrollHeight) {
window.setTimeout("updateSize('"+element+"')",5)
}
}
}
activateResize('t1')
</script>
它不是插件,但時間不長: http : //www.codelibary.com/JavaScript/Auto%20textarea%20resize.html 。
編輯:發現此 SO線程
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.