Работа с @keydown в динамически добавленной textarea

Делаю динамическую таблицу с textarea, у которой при keydown должна сработать функция toBold. Получается, у меня есть два инпута строк и столбцов, после заполнения их по клику срабатывает функция createTable. И здесь в textarea при клике опр.клавиш должна сработать функция, но никаких реакции. Снизу куски кода html, script

<table class="tasks_table" id="tablesDataIn">
   <tbody id="tablesBody"> </tbody>
</table>

createTable () {
  document.getElementById('tablesBody').innerHTML = ''
  const tableBody = document.getElementById('tablesBody')
  for (let i = 0; i < this.rowNumb; i++) {
   const tr = document.createElement('tr')
   for (let j = 0; j < this.colNumb; j++) {
     const td = document.createElement('td')
     td.insertAdjacentHTML('beforeend', '<textarea @keydown.ctrl.66="toBold"></textarea>')
     tr.append(td)
   }
   tableBody.append(tr)
  }
}

toBold () {
 console.log('clicked')
}