使用 JQuery 扩展多个文本区域

Question

我是 JQuery 或 Javascript 的新手，但我不知道为什么，我的文本区域只有一个扩展了，而其他的则没有。我找到了这段代码，但我不知道如何解决这个问题。您可以在我的 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);
}

Fiddle

使用 JQuery 扩展多个文本区域

Expanding multiple textareas with JQuery

javascript

jquery

expand

textarea