JS+CSS实现textarea自适应动态显示滚动条

需求：textarea不超过行数的时候不显示滚动条，超过行数时，显示竖滚动条，行滚动条一直不显示。

<textarea rows="2" id="txtTest" style="overflow:hidden; overflow-x:hidden;" onkeyup="check()"></textarea>

function check()
{   
      var obj = document.getElementById("txtTest");
      var o=obj.createTextRange().getClientRects();   

      if(o.length > 2)
      {
          obj.style.overflow = 'scroll';
      }
      else
      {
           obj.style.overflow = 'hidden';
       }
} 

但是这样做会有一个问题，因为事件是写在了onkeyup里面
所以如果某个人按住某一个按钮不放的话，即使超过了行数也不会显示，直到他把按钮松开。

style里面overflow和overflow-x都要写，js里面我不知道怎么设置overflow-x或overflow-y。所以就在style

里面把overflow-x写死了，让它不管怎么都不显示。