javascript - 如何设置事件监听器以使用 JavaScript 监听 HTML 源代码中的文本框？

Question

目前正在用 JavaScript 开发 Firefox 插件。它扫描网页中的特定内容，例如电子邮件地址。有没有办法让它读取网站的源代码并为文本框设置事件监听器，然后检测用户是否在任何网站的文本框中输入电子邮件地址。不确定这在 JavaScript 中是否可行，因为我是新手。如果用户在网站上输入电子邮件地址，我需要能够显示警报，但因为这将从 Firefox 插件运行。几乎就像您在网站上使用它进行验证时会显示的一样。但由于这是来自 Firefox 插件，因此工作方式不太一样。我看过 GreaseMonkey，但它非常令人困惑，当我试图明确是否可以完成它时，我陷入了困境。

我如何实现这个将会很棒，甚至是否可能。

Answer 1

你可以这样做:

window.onload = function () {
    var inputs = document.getElementsByTagName('input');
    for (i = 0; i < inputs.length; i++) {
        inputs[i].onkeypress = function () {
            if (this.value.match(/^([0-9a-zA-Z]([-\.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$/)) {
                // do something
                alert('Looks like an email address!');
            }
        };
    }
};

在这里试试:http://jsfiddle.net/samliew/49cny/