L'exemple de cet article décrit comment implémenter la largeur de texte adaptative à la largeur de la zone de texte dans js. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
Un code JS qui augmentera automatiquement la largeur en fonction du nombre de caractères saisis dans la zone de texte. Lorsque nous saisissons des caractères dans la zone de texte, si la largeur de la zone de texte est définie trop petite, alors les caractères que nous saisissons. sera masqué, ce code se rend compte que la zone de texte s'adaptera automatiquement à la quantité de texte saisi et qu'elle s'allongera automatiquement.
L'effet de l'opération est comme indiqué ci-dessous :
Le code spécifique est le suivant :
<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN">
<html>
<head>
<title>文本框宽度自动适应文本宽度</title>
</head>
<script type="text/javascript">
function changeInputlength(cursor)
{
var getcount=document.getElementById("countFont");
var getText=document.getElementById("text");
getcount.innerHTML='<font>第'+(parseInt(getText.value.length)+1)+'个字符</font>';
cursor.size=getText.value.length+2;
}
</script>
<body>
请输入字符：<input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/>
<span id="countFont"></span>
</body>
</html>
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
