javascript - 如何为文本区域创建自动字符功能

Question

在好的 IDE 中，常见的情况是当您按 ' (单引号)时，另一个会自动添加到其中，所以我尝试将其用于文本区域，所以这是我的代码不工作::

var ele = document.getElementById('main');
ele.onkeypress = function(e){
  switch(e.keyCode){
      case 59: ele.innerHTML+=";"; break;
      case 39: ele.innerHTML+="'"; break;
      case 47: ele.innerHTML+='/'; break;
      case 91: ele.innerHTML+=']'; break;
      case 123: ele.innerHTML+='}'; break;
      case 45: ele.innerHTML+='-'; break;
  }
    console.log(e);
}

HTML

<textarea id="main"></textarea>

好吧 console.log(e) 正在工作，它正在记录我在文本区域中按键的次数，并且它正在工作，但只有一次，即如果我打开包含所有这些内容的页面浏览器中的代码(我使用的是最新的谷歌浏览器)，当且仅当我按下开关盒中列出的代码的键时，它才可以工作，但之后它就不起作用了，但是控制台。 log(e) 每次都起作用。

Answer 1

Textarea 元素没有 HTML 内容，因此 innerHTML 不会执行您期望的操作。您应该使用 value 属性来代替:

var ele = document.getElementById('main');
ele.onkeypress = function(e){
  switch(e.keyCode){
      case 59: ele.value += ";"; break;
      case 39: ele.value += "'"; break;
      case 47: ele.value += '/'; break;
      case 93: ele.value += ']'; break;
      case 125: ele.value += '}'; break;
      case 45: ele.value += '-'; break;
  }
  console.log(e.keyCode);
}

<textarea id="main"></textarea>