javascript - 同时更改所有文本区域的大小

Question

我目前有一个功能，当用户在文本区域内单击时，可以增加文本区域的高度。它增加以便用户可以查看文本区域内的所有内容。目前运行良好。但我一次只能让它在一个文本区域工作。我想更改它，以便每当单击其中一个文本区域时，所有文本区域都会同时增加。如果有人能给我一个想法，我将不胜感激。

当前 HTML

<textarea name="xaxis1" id="xaxis1_id" rows="3" cols="20">report
facture
credit
impot</textarea>

<textarea name="yaxis1" id="yaxis1_id" rows="3" cols="20">200
123
231
431</textarea>

<textarea name="yaxis2" id="yaxis2_id" rows="3" cols="20">431
111
666
991</textarea>

当前 JavaScript 代码

$('#xaxis1_id').click(function()  {   
    resizeTextArea($('#xaxis1_id'));
});             
$('#yaxis1_id').keydown(function(e) {
    resizeTextArea($('#yaxis1_id'));
});        
$('#yaxis2_id').click(function()  {   
    resizeTextArea($('#yaxis2_id'));
});

function resizeTextArea(currentTextArea)  {
  var textAreaElements = currentTextArea.val().split('\n');

  var b=1;
  var totalColumns = currentTextArea.attr('cols');

  for (x=0;x < textAreaElements.length; x++)   {
     if (textAreaElements[x].length >= totalColumns) 
        b+= Math.floor(textAreaElements[x].length/totalColumns);
  }

  b+= textAreaElements.length;

  var totalRows = currentTextArea.attr('rows');
  currentTextArea.attr('rows', b);
}   

Answer 1

$( "textarea" ).bind( "click keydown", function() {
   resizeTextArea($this);
});