限制HTML5文本区域中的行数

我在找一个问题的解决办法,但找不到。它可以是在AngularJS或JavaScript中(然后我将用AngularJS进行翻译)。问题是我必须限制简单文本区域的行。HTML5的属性'rows=x'仅限制视图。我必须限制线路。问题是,即使这些线以图形方式下降,组件也会将其视为一条独特的线。用户必须按Enter键才能创建新行。但是,我必须限制线路。 我做了这个指示:

angular.module('app').directive('maxlines', function (): any {
return function (scope: any, element: any, attrs: any) {
    element.bind("keydown keypress", function (event: any) {

        if (event.which === 13) {
            var text = element.val(),
                numberOfLines = (text.match(/\n/g) || []).length + 1,
                maxRows = parseInt(element.attr('rows'));

            if (event.which === 13 && numberOfLines === maxRows) {
                return false;
            }
        }
    });
};
});

如果我按Enter键,它就会工作,但是如果我不按Enter键继续写,它就不工作。