Javascript phát hiện thanh cuộn trong textarea

Question

Tôi đã tự hỏi nếu có ai biết làm thế nào tôi sẽ đi về phát hiện khi thanh cuộn xuất hiện bên trong một textarea.

Tôi hiện đang sử dụng mootools cho JavaScript của mình và tôi gặp sự cố khi phát hiện thanh cuộn.

Answer 1

function has_scrollbar(elem_id) 
{ 
    const elem = document.getElementById(elem_id); 
    if (elem.clientHeight < elem.scrollHeight) 
     alert("The element has a vertical scrollbar!"); 
    else 
     alert("The element doesn't have a vertical scrollbar."); 
} 

Xem jsFiddle http://jsfiddle.net/qKNXH/

Answer 2

giải pháp Tommaso của này hoạt động hoàn hảo, ngay cả với một vùng văn bản. Nhưng nếu người dùng đã gõ vào textarea và đột nhiên textarea cho bản thân một thanh cuộn, javascript của bạn sẽ không biết hoặc được triggered.So bạn có thể muốn thêm một cái gì đó giống như

onKeyUp='has_scrollbar("textareaID")' 

Answer 3

tôi đã thực hiện một jQuery "tương thích "phiên bản của Tommaso Taruffis mã

function resize_until_scrollbar_is_gone(selector) { 
    $.each($(selector), function(i, elem) { 
     while (elem.clientHeight < elem.scrollHeight) { 
      $(elem).height($(elem).height()+5); 
     } 
    }); 
} 

Nó có thể xử lý nhiều phần tử và chấp nhận: bộ chọn, đối tượng jQuery hoặc phần tử DOM.

Nó có thể được gọi là như thế này:

resize_until_scrollbar_is_gone('textarea');