鍍金池/ 問答/HTML/ 如何獲取textarea輸入框中的行數(shù)？

如何獲取textarea輸入框中的行數(shù)？

準確地來說是如何獲取textarea中已有文本的行數(shù)。

回答
編輯回答
貓小柒

別的話不多說，直接上代碼

<!DOCTYPE html>
<html>
<head>
  <title>Title</title>
  <script>
    window.onload = function () {
      function onGetLines() {
        var tmp = document.querySelector('#test').value;
        var lines = tmp.split(/\r*\n/);

        var linesCount = lines.length - (navigator.userAgent.indexOf('MSIE') !== -1);
        console.log('當前文本行數(shù)', linesCount);
      }

      document.querySelector('#getLines').addEventListener('click', onGetLines, false)
    }
  </script>
</head>
<body>
<textarea name="test" id="test" cols="30" rows="10"></textarea>
<button id="getLines">獲取行數(shù)</button>
</body>
</html>
2017年7月18日 17:20