이 문서의 예에서는 js에서 텍스트 상자 너비 적응형 텍스트 너비를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
텍스트 상자에 입력한 문자 수에 따라 자동으로 너비를 늘리는 JS 코드입니다. 텍스트 상자에 문자를 입력할 때 텍스트 상자의 너비가 너무 작게 정의되면 입력하는 문자가 변경됩니다. 숨겨져 있으면 이 코드는 텍스트 상자가 입력 텍스트의 양에 자동으로 적응하고 자동으로 길어진다는 것을 인식합니다.
작동 효과는 아래와 같습니다.
구체적인 코드는 다음과 같습니다.
<!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>
이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
