信鸽网

jQuery实现textarea自动增长宽高的方法

  作者：bea

本文实例讲述了jQuery实现textarea自动增长宽高的方法。分享给大家供大家参考，具体如下： <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("").length+1;$

本文实例讲述了jQuery实现textarea自动增长宽高的方法。分享给大家供大家参考，具体如下：




<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("
").length+1;

$(this).attr("rows",brs).height(h*brs);

}else if(key == 8){

window.setTimeout(function(){

var brs = $(that).val().split("
").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程序设计有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: