L'exemple de cet article décrit la méthode par laquelle JS imite l'éditeur pour modifier la largeur et la hauteur de la zone de texte en temps réel. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
Voici une démonstration de la façon de modifier la taille de la zone de texte, y compris la largeur et la hauteur, en temps réel dans un éditeur d'imitation JS. Dans certains éditeurs en ligne, tels que eWebEditor, il existe une fonction qui autorise la zone de texte. pour augmenter ou diminuer continuellement. Comment cette fonction est-elle implémentée pour s'adapter à la taille de la page ? Veuillez vous référer à ce programme, je pense que vous en bénéficierez.
La capture d'écran de l'effet en cours d'exécution est la suivante :
L'adresse de la démo en ligne est la suivante :
http://demo.jb51.net/js/2015/js-editor-cha-width-height-codes/
Le code spécifique est le suivant :
<html>
<head>
<title>改变文字区域的高宽</title>
<script language="javascript">
<!--
function addrows(){
rows = form1.txt.rows;
rows++;
form1.txt.rows = rows;
}
function addcols(){
cols = form1.txt.cols;
cols++;
form1.txt.cols = cols;
}
//-->
</script>
</head>
<body>
<form name="form1">
<textarea name="txt"></textarea>
<input type="button" value="增加高" onClick="addrows()">
<input type="button" value="增加宽" onClick="addcols()">
</form>
</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)
