単純な自動拡張テキスト領域を作成しようとしています。これは私のコードです:
しかし、テキスト領域は入力すると無限に拡大します...
このための Dojo プラグインや jQuery プラグインがあることは知っていますが、それらを使用したくありません。私はその実装を見て、最初は scrollHeight を使用していましたが、同じことをしました。
scrollHeight
回答を開始し、テキスト領域を使用して回答を再生できます。
自動拡張領域を行数 (例: 5 行) で制限したいと考えています。 Rob の解決策 として、「em」単位を使用することを検討しましたが、これは エラーが発生しやすい であり、パディングなどは考慮されていません。
これは私のアイデアです:
フィドル:http://jsfiddle.net/cgSj3/
scrollHeight を使用して、テキスト領域を正しく拡大/縮小する前に高さをリセットします。 Math.min() テキスト領域の高さ制限を設定するために使用できます。
Math.min()
コード:
フィドル: http://jsfiddle.net/gjqWy/155
注: input イベントは、IE8 以前では サポートされていません。この古いブラウザもサポートしたい場合は、keydown または keyup と onpaste および/または oncut を使用してください。
input
keydown
keyup
onpaste
oncut
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
自動拡張領域を行数 (例: 5 行) で制限したいと考えています。 Rob の解決策 として、「em」単位を使用することを検討しましたが、これは エラーが発生しやすい であり、パディングなどは考慮されていません。
これは私のアイデアです:
リーリーフィドル:http://jsfiddle.net/cgSj3/
scrollHeightを使用して、テキスト領域を正しく拡大/縮小する前に高さをリセットします。Math.min()テキスト領域の高さ制限を設定するために使用できます。コード:
リーリーフィドル: http://jsfiddle.net/gjqWy/155
注:
inputイベントは、IE8 以前では サポートされていません。この古いブラウザもサポートしたい場合は、keydownまたはkeyupとonpasteおよび/またはoncutを使用してください。