textarea中的實時模式匹配觸發事件

Question

如果您有一個textarea，並且您希望在輸入預定義的2個字符的字符串後執行javascript函數，那麼您將如何監控該字符串？

需要注意的是，2個字符的字符串可能無法在順序按鍵上輸入。

例子：

要觸發2字符串「< <」後，事件進入。所以你在輸入「<」，然後你在textarea的其他地方點擊並改變一些文本，然後回到你離開的位置，並在第一個旁邊放置第二個「<」字符。事實上，有兩個相鄰的「< <」字符應觸發可以通過javascript捕獲的事件。你將如何監控並創建該事件？

Answer 1

您可以檢查整個textarea內容onkeyup。我懷疑這個textarea的內容會變得如此之大，以至於讓它變得過分。

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