textarea에서 줄 수 제한하기 - javascript

textarea에서 원하는 줄 수 만큼만 입력되게 하기

---

html

<textarea class="noscrol" placeholder="(최대 20자)" maxlength="20" rows="2"
:value="info.txt" @input="info.txt=$event.target.value" @keyup="limitLine($event)"></textarea>

css

/* scrollbaer 안생기게 */
.noscrol {
  overflow: hidden;
}

js

limitLine = (e) => {
  // textarea에 선언된 row 수
  let maxrow = e.target.rows;

  // 현재 textarea에 입력된 row 수
  let curline = (e.target.value.match(/\n/g) || []).length + 1;

  if(e.which === 13 && curline >= maxrow) {
    info.updatetxt = e.target.value.split("\n").slice(0, maxrow);
    info.txt = info.updatetxt.join("\n");
  }
}

textarea에서 글자 수 말고 줄 수(엔터키)를 제한하려면 위와 같이 적용하자.

끝.