主页 / 问题 / 1602742
Accepted
alexWithoutBeard
Asked:2024-12-18 19:00:19 +0000 UTC2024-12-18 19:00:19 +0000 UTC

如何在文本区域中每个选定行之前插入制表符？

  • 772

给定一个带有一些文本的文本区域。选择一定数量的行。按制表符后，您需要在每个选定行的前面放置一个制表符。我对下面的内容只有足够的了解）现在我将尝试将选定的行转换为数组的选项，添加选项卡，然后将它们实现回文本区域

let textarea = document.querySelector("textarea");
let start;
let end;
textarea.addEventListener("mouseup", function () {
  start = this.selectionStart;
  end = this.selectionEnd;

});
textarea.addEventListener("keydown", function (event) {
  if (event.key == "Tab") {
    event.preventDefault();
    this.value = this.value.substring(0, start)+"\t"+this.value.substring(start, end)+ this.value.substring(end, this.value.length)
  }
});
    <textarea name="a" id="textarea"></textarea>

javascript

1 个回答

  1. Best Answer

    我对下面的内容只有足够的理解）

    我会“扩大”你的选择......:)

    const textarea = document.querySelector("textarea");
textarea.addEventListener("keydown", function (event) {
  if (event.key == "Tab") {
    event.preventDefault();
    const start = this.selectionStart;
    const end = this.selectionEnd;
    const val = this.value
    let v = val.substring(start, end)
    v = event.shiftKey 
      ? v.replace(/(?<=^|\n)\t/g, '') 
      : '\t' + v.replace(/\n(?!$)/g, '$&\t')
    this.value = val.substring(0, start)+ v + val.substring(end, val.length)
  }
});
    <textarea name="a" id="textarea"></textarea>

    • 4

相关问题