如何使用jsf在不使用滚动条的情况下显示textarea? [英] how to display textarea without scrollbar using jsf?
本文介绍了如何使用jsf在不使用滚动条的情况下显示textarea?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我希望inputTextarea在键入时自动增长.但是我不希望滚动条.我已经完成溢出:隐藏,它没有显示滚动条,但是也没有自动增长.
I want inputTextarea auto growing when being typed.But I don't want scrollbar. I have done overflow: hidden ,it's not showing scroll but it's also not auto growing.
<h:inputTextarea id="ta1" cols="25" style="overflow: hidden"/>
请给我答复.
推荐答案
自动增长的文本区域不是JSF <h:inputTextarea>
生成的HTML <textarea>
元素的标准功能.通常,这可以通过添加一些JavaScript代码来实现.这是一个基本的启动示例.
The auto growing textarea is not a standard feature of the HTML <textarea>
element as generated by the JSF <h:inputTextarea>
. This is usually been achieved by adding some shot of JavaScript code. Here's a basic kickoff example.
<h:inputTextarea ... onkeyup="autoGrow(this)" />
使用
function autoGrow(textarea) {
if (textarea.clientHeight < textarea.scrollHeight) {
textarea.style.height = textarea.scrollHeight + "px";
}
}
这篇关于如何使用jsf在不使用滚动条的情况下显示textarea?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文