在 textarea 标签中输入命令时触发函数

Question

所以我加载了这个基本的聊天，用 jQuery 和 php（不是我）构建，我对它做了一些改变。只是为了符合我的目的。文本被放在一个 textarea 标签中，然后发送。我想要一些秘密命令，你可以在其中输入一个短语，它会做很酷的事情。比如输入“red”会让你的名字变红。（我已经为此编写了脚本，只需要在有人输入红色时运行它）。我需要什么才能允许这样做？聊天：https : //css-tricks.com/jquery-php-chat/ 谢谢

Answer 1

下面的代码片段给出了如何完成此任务的示例。您可以利用textarea的oninput属性来绑定查看文本区域内容的函数。然后你可以用它做任何你想做的事情，比如red当文本是red.

.red {

  color: red

}

<textarea id="ta" oninput="onInput()"></textarea>

<script>

let ta = document.querySelector('#ta')

function onInput() {

  console.log(ta.value) // You can do stuff with this value

  if (ta.value === 'red') {

    applyRed()

  }

}

function applyRed() {

  ta.classList.add('red')

}

</script>