如何在javascript中自动关闭括号和大括号

Question

如何自动关闭括号[]和自动关闭大括号{}？我尝试过使用@Ivan Ganchev 的想法：maintextarea.addEventListener('keyup', function (ev) {let position = this.selectionStart;   if (ev.keyCode == 222) { // I replaced this with 219 for open bracket and curly bracket      let value = ev.target.value;      ev.target.value = [value.slice(0, position), ev.key, value.slice(position)].join('');      ev.target.selectionEnd = position;   }});但结果是这样的： {{ 或： [[。

Answer 1

下面是一个使用 aMap来存储字符及其匹配的结束字符的示例，它允许轻松添加或自定义字符对。Map.get()从映射中获取指定元素或返回undefined，以便进行紧凑检查。

它还使用input侦听器，因为keyup您不需要检测修饰键并且感觉响应更快（尽管 IE < 9 不支持）

const closeChars = new Map([

  ['{', '}'],

  ['[', ']'],

  ['(', ')']

]);

    

maintextarea=document.getElementById('maintextarea');

maintextarea.addEventListener('input', function (e) {

    const pos = e.target.selectionStart;

    const val = [...e.target.value];

    

    const char = val.slice(pos-1, pos)[0];

    const closeChar = closeChars.get(char);

    

    if (closeChar) {

      val.splice(pos, 0, closeChar);

      e.target.value = val.join('');

      e.target.selectionEnd = pos;

    }

});

<textarea id="maintextarea" name="closebrackets" rows="8" cols="50">

</textarea>