[JavaScript] textarea 줄 수 제한 (Limit number of lines in textarea)

[JavaScript] textarea 줄 수 제한 (Limit number of lines in textarea)

---

 

textarea의 keypress이벤트에 현재 입력된 값의 줄 수와 textarea에 선언한 rows 를 비교해서 

엔터(keycode 13)가 입력되었을 때, 현재 textrea의 줄 수와 rows가 같은 경우 false를 리턴해주면 된다.

 

 

HTML

<textarea rows="4" onkeydown="return limitLines(this, event)"></textarea>

 

javascript

// textarea 줄 수 제한
function limitLines(obj, e) {
    // 현재 textarea에 입력된 줄 수
    let numberOfLines = (obj.value.match(/\n/g) || []).length + 1;
    // textarea에 선언된 rows 수
    let maxRows = obj.rows;
    if (e.which === 13 && numberOfLines === maxRows) {
        return false;
    }
}