使用javascript创建制表符开关

// 监听按键事件
document.addEventListener('keydown', function(event) {
  var tabCharacter = '\t'; // 制表符

  // 判断是否按下Tab键
  if (event.key === 'Tab') {
    event.preventDefault(); // 阻止默认的Tab键行为

    var textarea = document.getElementById('editor'); // 编辑器的文本区域
    var start = textarea.selectionStart; // 光标起始位置
    var end = textarea.selectionEnd; // 光标结束位置

    // 判断是否按下了Shift键，以确定是插入还是删除制表符
    if (event.shiftKey) {
      // 删除制表符
      var text = textarea.value;
      var beforeTab = text.lastIndexOf(tabCharacter, start - 1); // 光标前最近的制表符位置

      // 判断光标前是否存在制表符
      if (beforeTab !== -1 && beforeTab < end) {
        // 删除制表符
        textarea.value = text.slice(0, beforeTab) + text.slice(beforeTab + 1);
        textarea.selectionStart = start - 1;
        textarea.selectionEnd = end - 1;
      }
    } else {
      // 插入制表符
      textarea.value = textarea.value.slice(0, start) + tabCharacter + textarea.value.slice(end);
      textarea.selectionStart = start + 1;
      textarea.selectionEnd = end + 1;
    }
  }
});