在Textarea中撤销重做可能吗？

// 获取Textarea元素
const textarea = document.getElementById('myTextarea');

// 初始化操作堆栈
const undoStack = [];
const redoStack = [];

// 监听Textarea的input事件
textarea.addEventListener('input', () => {
  // 将新的文本内容添加到撤销堆栈中
  undoStack.push(textarea.value);
  // 清空重做堆栈
  redoStack.length = 0;
});

// 定义撤销操作函数
function undo() {
  if (undoStack.length > 1) {
    // 弹出最近的操作并将其添加到重做堆栈中
    const lastValue = undoStack.pop();
    redoStack.push(lastValue);
    // 将Textarea的值设置为堆栈中的最后一个值
    textarea.value = undoStack[undoStack.length - 1];
  }
}

// 定义重做操作函数
function redo() {
  if (redoStack.length > 0) {
    // 将最近的操作从重做堆栈中弹出并将其添加到撤销堆栈中
    const lastValue = redoStack.pop();
    undoStack.push(lastValue);
    // 将Textarea的值设置为堆栈中的最后一个值
    textarea.value = redoStack[redoStack.length - 1];
  }
}