for (var i = 0; i < buttons.length; i++) { var button = buttons[i]; if (userPermission === 'admin') { button.style.display = 'block'; } else if (userPermission === 'user') { button.style.display = 'none'; } } document.addEventListener('keydown', function(event) { if (event.key === "Enter") { event.preventDefault(); } }); function handleKeyDown(event) { if (event.key === "Enter") { var input = event.target; input.value += "<br>"; event.preventDefault(); } }<td class="auto-wrap"><textarea name="aoi_step">3</textarea></td> <td class="auto-wrap"><textarea name="defect_type">Particle</textarea></td> <td class="auto-wrap"><textarea name="layer_code">ACT</textarea></td> <td class="auto-wrap"><textarea name="type">Particle</textarea></td> <td class="auto-wrap"><textarea name="dpet">ACT</textarea></td> <td class="auto-wrap"><textarea name="subcode">Particle</textarea></td> <td class="auto-wrap"><textarea name="code_description">ACT</textarea></td>在我新增单元格时，我需要将对应的单元类名也添加到单元格，而且现在添加的文本框可以拖动，我需要像原始设置一样，固定的文本框

你可以使用以下代码来实现你的需求：

// 获取所有的按钮元素
var buttons = document.getElementsByTagName('button');

// 遍历按钮元素
for (var i = 0; i < buttons.length; i++) {
  var button = buttons[i];

  // 根据用户权限设置按钮的显示和隐藏
  if (userPermission === 'admin') {
    button.style.display = 'block';
  } else if (userPermission === 'user') {
    button.style.display = 'none';
  }
}

// 监听键盘按下事件
document.addEventListener('keydown', function(event) {
  if (event.key === "Enter") {
    event.preventDefault();
  }
});

// 监听输入框按下回车键事件
function handleKeyDown(event) {
  if (event.key === "Enter") {
    var input = event.target;
    input.value += "<br>";
    event.preventDefault();
  }
}

// 获取所有的文本框元素
var textareas = document.getElementsByTagName('textarea');

// 遍历文本框元素
for (var i = 0; i < textareas.length; i++) {
  var textarea = textareas[i];

  // 添加固定的文本框类名
  textarea.classList.add("fixed-textarea");

  // 启用文本框拖动
  textarea.draggable = true;
}

你需要将上述代码添加到你的页面中，并确保在页面加载完成后执行。这样，你就可以根据用户权限设置按钮的显示和隐藏，并将固定的类名和拖动功能应用于新增的文本框。