使用JQuery擴展多個文本區域

Question

我是JQuery或Javascript的新手，但我不知道為什么，只有我的textarea擴展了，而其他卻沒有。 我找到了此代碼，但我不知道如何解決此問題。 您可以在我的JSFiddle中進行測試

有JQuery

var textarea = document.querySelector('.text1, .text2');

textarea.addEventListener('keydown', autosize);

function autosize(){
  var el = this;
  setTimeout(function(){
    el.style.cssText = 'height:auto; padding:0';
    el.style.cssText = 'height:' + el.scrollHeight + 'px';
  },0);
}

Answer 1

使用document.querySelectorAll()獲取元素列表，然后迭代綁定事件處理程序。

var textarea = document.querySelectorAll('.text1, .text2');
for (var i = 0; i < textarea.length; i++) {
  textarea[i].addEventListener('keydown', autosize);
}

小提琴