javascript - 文本区域中的实时模式匹配以触发事件

Question

如果您有一个 textarea，并且您想在输入预先确定的 2 个字符串后执行 javascript 函数，您将如何监视该字符串？

需要注意的是，在连续按键时可能不会输入 2 个字符串。

例子：

您想在输入 2 个字符串“<<”后触发事件。因此，您正在键入并输入“<”，然后单击文本区域中的其他位置并更改一些文本，然后返回到您离开的位置并在第一个字符旁边放置第二个“<”字符。有两个相邻的“<<”字符的事实应该触发一个可以被 javascript 捕获的事件。您将如何监控和创建该事件？

Answer 1

您可以检查整个textarea内容onkeyup。我怀疑 textarea 的内容是否会变得如此之大以至于令人望而却步。

document.getElementById('textarea-id').addEventListener('keyup', function () {
    this.value = this.value.replace('>>', '<<');
});