nja text

メモ

HTMLTextAreaElement

テキストボックスのサイズ

最大文字数指定(html5)：maxlength="20"

ご意見・ご感想：

行指定：rows="10"

ご意見・ご感想：

幅：w-100

ご意見・ご感想：

自動エリア拡張


//textareaに関数埋込するケース


//自動サイズ拡張
function autoGrow (oField) {
if (oField.scrollHeight > oField.clientHeight) {
  oField.style.height = oField.scrollHeight + "px";
}
}

textareaのデータ

反映（そのまま）

ご意見・ご感想：

ここに打ち込んだ内容が反映されるよ

  
  // change function
  $('#textsize').on('keydown keyup keypress change blur','textarea',function(){
   var $val = $('textarea[name="textsize"]').val();
   return $('#kagami').html($val);
  });

反映（改行変換）

ご意見・ご感想：

ここに打ち込んだ内容が反映されるよ

pop



$('#textsize2').on('keydown keyup keypress change blur','textarea',function(){
 var $val = $('textarea[name="textsize2"]').val();
 var $txt = $val.replace( /\r?\n/g, '
' );
 return $('#kagami2').html($txt);
});

テキスト（改行反映）