javascript - 如何有选择地将脚本应用于元素？

Question

我有一个脚本可以使文本区域扩展以适应其中的文本。我希望这适用于我网站上的所有文本区域，但一个除外。无论如何要停止一个元素的脚本。

正在使用的脚本:

var autoExpand = function (field) {

// Reset field height
field.style.height = 'inherit';

// Get the computed styles for the element
var computed = window.getComputedStyle(field);

  // Calculate the height
  var height = parseInt(computed.getPropertyValue('border-top-width'), 10)
             + parseInt(computed.getPropertyValue('padding-top'), 10)
             + field.scrollHeight
             + parseInt(computed.getPropertyValue('padding-bottom'), 10)
             + parseInt(computed.getPropertyValue('border-bottom-width'), 
  10);

  field.style.height = height + 'px';

  };

  document.addEventListener('input', function (event) {
  if (event.target.tagName.toLowerCase() !== 'textarea') return;
  autoExpand(event.target);
  }, false);

文本区域:

<textarea id="sendie" maxlength = '100' ></textarea>

Answer 1

CSS

textarea {
  resize: none;
}

按编号:

#sendie {
  resize: none;
}

那行不通，把它应用到你的函数中

  document.addEventListener('input', function (event) {
      if (event.target.tagName.toLowerCase() !== 'textarea') return;
      autoExpand(event.target);
      document.getElementById("sendie").style.resize = "none"
  }, false);

假设“sendie”是您不想招惹的那个。