이 글의 예시에서는 JS가 에디터를 흉내내어 텍스트 상자의 너비와 높이를 실시간으로 변경하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
다음은 JS 모방 편집기에서 너비와 높이를 포함한 텍스트 상자의 크기를 실시간으로 변경하는 방법을 보여줍니다. eWebEditor와 같은 일부 온라인 편집기에는 텍스트 상자를 허용하는 기능이 있습니다. 페이지 크기에 맞게 이 기능을 어떻게 구현하나요? 이 프로그램을 참고하시면 도움이 되실 것이라 믿습니다.
런닝 효과 스크린샷은 다음과 같습니다.
온라인 데모 주소는 다음과 같습니다.
http://demo.jb51.net/js/2015/js-editor-cha-width-height-codes/
구체적인 코드는 다음과 같습니다.
<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>이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
