ホームページ > 記事 > ウェブフロントエンド > textareaの幅と高さの自動拡張を実現するjQueryのメソッド_jquery
textareaの幅と高さの自動拡張を実現するjQueryのメソッド_jquery
- WBOYオリジナル
- 2016-05-16 15:24:511433ブラウズ
この記事の例では、jQuery がテキストエリアの幅と高さの自動拡大をどのように実現するかを説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
<script type="text/javascript">
$(function(){
$("#iptcont").bind("keydown",function(e){
var key = e.which,that = this,h = 20;
if (key == 13) {
var brs = $(this).val().split("\n").length+1;
$(this).attr("rows",brs).height(h*brs);
}else if(key == 8){
window.setTimeout(function(){
var brs = $(that).val().split("\n").length;
$(that).attr("rows",brs).height(h*brs);
},100);
}
});
});
</script>
<body>
<textarea id="iptcont" rows="1" style="border:none;height:20px;border-bottom:1px solid blue;width:200px;resize:none;font-size:18px;line-height:20px;overflow:hidden;"></textarea>
</body>
この記事が jQuery プログラミングのすべての人に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。