javascript - 立即监控文本区域中的特定字符串

Question

我正在构建一个连接到我们后端帮助台的表单。我想做的一件事是监视正文文本区域字段中的特定短语。假设这个短语是“新计算机”。当有人输入“我想要一台新计算机”时，将触发一个功能，创建一个弹出窗口，告诉他们需要进入更高级的表单。

这是我到目前为止所拥有的

$('#body').on('change', function () {
    if ($("#body").val().toLowerCase().indexOf("new computer") >= 0){
        alert("stuff");
    } else {
        //Other stuff
    }
});

问题是这个方法相当慢。输入单词后大约需要 10 秒左右才会触发警报。不是世界末日，但我见过它几乎立即发生的地方。有任何想法吗？

Answer 1

这里是使用 keyup 而不是 change 的相同代码

$('#body').on('keyup', function () {
    if ($("#body").val().toLowerCase().indexOf("new computer") >= 0){
        alert("stuff");
    } else {
        //Other stuff
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id='body'></textarea>