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

Question

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

Answer 1

下面的代码片段给出了如何完成此任务的示例。您可以利用textarea的oninput属性来绑定查看文本区域内容的函数。然后你可以用它做任何你想做的事情，比如red当文本是red..red {&nbsp; color: red}<textarea id="ta" oninput="onInput()"></textarea><script>let ta = document.querySelector('#ta')function onInput() {&nbsp; console.log(ta.value) // You can do stuff with this value&nbsp; if (ta.value === 'red') {&nbsp; &nbsp; applyRed()&nbsp; }}function applyRed() {&nbsp; ta.classList.add('red')}</script>