2017-08-17 7 views
0

テキストエリアで作業しているので、スクロールバーが必要ありません。私は、テキストエリアには、次の持つユーザが入力新たな情報として成長作る方法を考え出した:埋め込みデータと一致するようにテキストエリアの高さを設定する

$('.step-change__text').on 'keyup keydown', -> 
     resize(this); 
     return 
resize = (element) -> 
    element.style.height = element.scrollHeight + 'px' 
    return 

何イムユーザーがレコードを編集することができているトラブル(検索に上記の回答に、すべてのリードを引き起こす)発見を持つことテキストがあらかじめ埋め込まれており、テキスト領域を既に保存されているテキストで展開したい。

EDITは:

$('.step-change__text').each -> 
     resize(this) 
     return 

しかしそれdidntはそれが

+0

あなたがしなければならないことは、全く同じことです...キープレスではなく、コンテンツがテキストエリアに挿入されたときだけトリガされます。 (すでにページロード中であるかもしれません...または後で、保存された値で動的にテキストエリアを塗りつぶした場合) – CBroe

+0

関数定義の直後に、その関数に単純な呼び出しを追加することができます 'resize $( '。step-change__text')) 'を実行し、ページの読み込み時にサイズを更新します。また、この投稿は、完全なブラウザ互換バージョンのために役立つかもしれません:https://stackoverflow.com/questions/454202/creating-a-textarea-with-auto-resize – MrYoshiji

答えて

0

@CBroeは、すでに述べたように実行します。私はこのコードで、ページの読み込みにそれを行うだけでしようとしました。あなたがしなければならないのは、キーイベントだけでなくコンテンツの変更に対しても機能をトリガーすることだけです。

関連する問題