javascript - 文本区域自动增长 onkeyup

Question

我正在使用这个脚本

 jQuery.each(jQuery('textarea[data-autoresize]'), function() {
     var offset = this.offsetHeight - this.clientHeight;

     var resizeTextarea = function(el) {
         jQuery(el).css('height', 'auto').css('height', el.scrollHeight + offset);
     };

     jQuery(this).on('keyup input', function() {
         resizeTextarea(this); }).removeAttr('data-autoresize'); 
     });
  });

这是我的html

<h:inputTextarea id="newUserIds" value="#{surveyAction.newUsers}"
 cols="41" rows="10" onkeyup="AutoGrowTextArea(this)"
styleClass="animated">
   <p:ajax event="blur" process="@this" immediate="true" />
</h:inputTextarea>

我如何定位 javascript 上的特定文本区域，以便该操作仅适用于那里。

Answer 1

您当前的选择器找不到您的文本区域元素。

将 jQuery 选择器从 textarea[data-autoresize] 更改为 #newUserIds，或者更改您的 textarea 标签并添加属性 data-autoresize(推荐):

<h:inputTextarea id="newUserIds" value="#{surveyAction.newUsers}" cols="41" rows="10" onkeyup="AutoGrowTextArea(this)" styleClass="animated">