recherche

Maison  >  Article  >  interface Web  >  Méthode jQuery pour réaliser une croissance automatique de la largeur de la zone de texte et de la hauteur_jquery

Méthode jQuery pour réaliser une croissance automatique de la largeur de la zone de texte et de la hauteur_jquery

WBOY
WBOYoriginal
2016-05-16 15:24:511433parcourir

L'exemple de cet article décrit comment jQuery réalise la croissance automatique de la largeur et de la hauteur de la zone de texte. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants : 

<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>

J'espère que cet article sera utile à tous ceux qui programment jQuery.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Définition de tableaux et d'opérations et d'opérations de tableau jquery en JavaScript jQuery_jqueryArticle suivant：Définition de tableaux et d'opérations et d'opérations de tableau jquery en JavaScript jQuery_jquery

Articles Liés

Voir plus