Dieser Artikel teilt Ihnen hauptsächlich den js-Beispielcode mit, der das Vergrößern und Verkleinern des Eingabefelds durch Klicken realisiert. Ich hoffe, es kann Ihnen helfen.
HTML
<style type="text/css">
input[type='text'] {
width: 100px;
height: 30px;
border-radius: 5px;
}
</style>
</head>
<body>
<p>
标题:<input class="InputTitle" value="" type="text" />
</p>
<!-- js响应"内容"输入框变大事件:src="/js/article/change_input.js" -->
<p>
内容:<input class="InputContent" value="" type="text_content" />
</p>JS-Code
$(document).ready(function() {
$("input[type='text_content']").focus(function() {
$(this).animate({
"width" : "400px",
"height" : "70px"
})
}).blur(function() {
$(this).animate({
"width" : "100px",
"height" : "30px"
})
});
});Verwandte Empfehlungen:
Javascript-Code implementiert die Fuzzy-Prompt-Funktion des Eingabefelds
So lösen Sie die inkonsistente Anzeige der Cursorgröße im Eingabefeld
Das obige ist der detaillierte Inhalt vonjs erkennt, dass das Eingabefeld beim Klicken vergrößert und verkleinert wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
