javascript - 如何在输入特定单词时提醒用户

Question

我是 Javascript 新手，正在创建我的第一个 Chrome 扩展。这实际上只是一个个人挑战。

我想在用户在任何网站上键入某些单词时提醒他们。也许是 Google 或 Bing 上的搜索输入字段，或者也许是当他们输入 Facebook 状态时。

我对Javascript不太熟悉，这可能吗？经过反复试验，我想出了这个，但它只适用于网站上的特定输入字段。

$(function() {
    var triggerWords = ['badword', 'wordbad'];
    $('#input').keyup(function() {
        for (var i = 0; i < triggerWords.length; i++) {
            if ($(this).val().toLowerCase() == triggerWords[i]) {
                alert('Alert! You've typed a blocked word.');
            }
        }
    });
});

Answer 1

上面的答案对于单个输入来说效果很好。但是，如果您希望它也适用于动态生成的输入，您可能需要稍微更改您的函数。

这不适用于动态生成的输入 ( Demo )

$('input').keyup(function() {
    for (var i = 0; i < triggerWords.length; i++) {
        if ($(this).val().toLowerCase().indexOf(triggerWords[i]) != -1) {
            alert("Alert! You've typed a blocked word.");
        }
    }
});

但这确实 ( Demo )

 $(document).on('keyup', 'input', function() {
    for (var i = 0; i < triggerWords.length; i++) {
        if ($(this).val().toLowerCase().indexOf(triggerWords[i]) != -1) {
            alert("Alert! You've typed a blocked word.");
        }
    }
});